@charset "UTF-8";
#circle_01,
#circle_02,
#circle_03,
#circle_04,
#circle_05,
#circle_06,
#circle_07,
#circle_08,
#circle_09,
#circle_10,
#circle_11,
#circle_12,
#circle_13{
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: fade-up 1.2s ease-out forwards,
    float 8s ease-in-out 1.2s infinite;
}
#circle_01{animation-delay:0s;}
#circle_02{animation-delay:.1s;}
#circle_03{animation-delay:.2s;}
#circle_04{animation-delay:.3s;}
#circle_05{animation-delay:.4s;}
#circle_06{animation-delay:.5s;}
#circle_07{animation-delay:.6s;}
#circle_08{animation-delay:.7s;}
#circle_09{animation-delay:.8s;}
#circle_10{animation-delay:.9s;}
#circle_11{animation-delay:1.0s;}
#circle_12{animation-delay:1.1s;}
#circle_13{animation-delay:1.2s;}
@keyframes fade-up{
  0%{
    opacity: 0;
    transform: translateY(30px) scale(.9);
  }

  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes fade-up{
  0%{
    opacity: 0;
    transform: translateY(30px) scale(.7);
  }

  70%{
    opacity: 1;
    transform: translateY(-8px) scale(1.05);
  }

  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes float{
  0%,100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-12px);
  }
}

#sparkle_01,
#sparkle_02,
#sparkle_03,
#sparkle_04,
#sparkle_05,
#sparkle_06,
#sparkle_07,
#sparkle_08{
  transform-origin: center;
  animation: sparkle 4s ease-in-out infinite;
}

#sparkle_02{animation-delay:.5s;}
#sparkle_03{animation-delay:1s;}
#sparkle_04{animation-delay:1.5s;}
#sparkle_05{animation-delay:2s;}
#sparkle_06{animation-delay:2.5s;}
#sparkle_07{animation-delay:3s;}
#sparkle_08{animation-delay:3.5s;}

@keyframes sparkle{
  0%,100%{
    opacity:.3;
  }
  50%{
    opacity:1;
  }
}
@keyframes sparkle{
  0%,100%{
    opacity:.5;
    scale:1;
  }
  50%{
    opacity:1;
    scale:1.08;
  }
}/*
@keyframes sparkle{
  0%,90%,100%{
    opacity:.3;
  }

  95%{
    opacity:1;
  }
}*/