html {
  font-size: min(62.5%, 2vw);
}

main .light-rays > *::before, main .light-rays {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

main {
  width: 100%;
  overflow: hidden;
  height: 100%;
  z-index: -1;
  background: radial-gradient(farthest-corner at 50% 0%, #23617d 0%, #112031 100%);
  display: grid;
  place-items: center;
  position: relative;
}
main .light-rays {
  pointer-events: none;
  filter: blur(0.6rem);
}
main .light-rays > * {
  --deg: 0;
  --length: 0rem;
  --thickness: 20px;
  --duration: 2s;
  --delay: 1s;
  --rotate: 0deg;
  --degRange: 72.5deg;
  --spreadRange: 40vw;
  position: absolute;
  transform-style: preserve-3d;
  perspective: 500px;
  width: var(--thickness);
  height: calc(20% + 370px + var(--length));
  left: 50%;
  transform: translateX(calc(-50% + var(--deg) * var(--spreadRange) * -1 + 0.5 * var(--spreadRange))) translateY(-100px) rotateZ(calc(var(--degRange) * -0.5 + var(--deg) * var(--degRange))) rotateX(0.01deg);
  transform-origin: center -100px;
  mix-blend-mode: screen;
  -webkit-animation: shimmer linear var(--duration) calc(var(--delay) * -1) infinite alternate forwards, rotate ease-in-out calc(var(--duration) * 3.14) calc(var(--delay) * -1) infinite alternate forwards;
          animation: shimmer linear var(--duration) calc(var(--delay) * -1) infinite alternate forwards, rotate ease-in-out calc(var(--duration) * 3.14) calc(var(--delay) * -1) infinite alternate forwards;
}
main .light-rays > *::before {
  content: "";
  background: linear-gradient(to bottom, #a6fff8, rgba(166, 255, 248, 0) 100%);
  transform-origin: top center;
  transform: rotateX(40deg);
}
main .light-rays > *:nth-child(1) {
  --deg: 0.8935442447;
  --thickness: 17.3365321664px;
  --length: 39.9502795697px;
  --duration: 1.8206540693s;
  --delay: 2.2733361943s;
  --rotate: -1.3143676667deg;
}
main .light-rays > *:nth-child(2) {
  --deg: 0.3377096928;
  --thickness: 17.6693620644px;
  --length: -22.9133570525px;
  --duration: 1.234598195s;
  --delay: 2.7398599164s;
  --rotate: 3.5224870661deg;
}
main .light-rays > *:nth-child(3) {
  --deg: 0.6828678643;
  --thickness: 25.3314036309px;
  --length: 6.4549873095px;
  --duration: 2.2234982105s;
  --delay: 2.214036043s;
  --rotate: -1.7768100458deg;
}
main .light-rays > *:nth-child(4) {
  --deg: 0.3888023999;
  --thickness: 21.0058821827px;
  --length: 0.4090951076px;
  --duration: 1.9176070599s;
  --delay: 2.8570627901s;
  --rotate: 0.7596377124deg;
}
main .light-rays > *:nth-child(5) {
  --deg: 0.8045935916;
  --thickness: 11.492101837px;
  --length: 20.5416721782px;
  --duration: 1.6483723468s;
  --delay: 2.8187686259s;
  --rotate: -1.5551910958deg;
}
main .light-rays > *:nth-child(6) {
  --deg: 0.2659515103;
  --thickness: 14.1007563065px;
  --length: -4.0172928152px;
  --duration: 1.4906668845s;
  --delay: 2.9168382644s;
  --rotate: -0.3294469845deg;
}
main .light-rays > *:nth-child(7) {
  --deg: 0.7633158911;
  --thickness: 11.8927023466px;
  --length: -42.8756241218px;
  --duration: 1.9004412911s;
  --delay: 2.6963423652s;
  --rotate: -1.5792280088deg;
}
main .light-rays > *:nth-child(8) {
  --deg: 0.1025763284;
  --thickness: 31.3764951886px;
  --length: 1.6609724687px;
  --duration: 1.1387015808s;
  --delay: 2.1174542373s;
  --rotate: -2.7943380506deg;
}
main .light-rays > *:nth-child(9) {
  --deg: 0.079833956;
  --thickness: 9.0501525161px;
  --length: -1.7744017158px;
  --duration: 1.8486868529s;
  --delay: 2.8945400783s;
  --rotate: -0.7646407397deg;
}
main .light-rays > *:nth-child(10) {
  --deg: 0.7575924397;
  --thickness: 32.4882680287px;
  --length: 13.6872718064px;
  --duration: 1.5609849191s;
  --delay: 2.0347276872s;
  --rotate: 2.669506558deg;
}
main .light-rays > *:nth-child(11) {
  --deg: 0.9425480811;
  --thickness: 30.49320781px;
  --length: 1.155241522px;
  --duration: 1.8035627911s;
  --delay: 2.6307941278s;
  --rotate: -0.5423896053deg;
}
main .light-rays > *:nth-child(12) {
  --deg: 0.6915077134;
  --thickness: 27.8410479344px;
  --length: 12.0058050789px;
  --duration: 1.7793163384s;
  --delay: 2.6918466886s;
  --rotate: -2.5979708703deg;
}
main .light-rays > *:nth-child(13) {
  --deg: 0.6887669346;
  --thickness: 21.7676145207px;
  --length: -27.4837844783px;
  --duration: 1.0060996556s;
  --delay: 2.915415266s;
  --rotate: -0.2431244127deg;
}
main .light-rays > *:nth-child(14) {
  --deg: 0.3545892479;
  --thickness: 18.0356413074px;
  --length: -5.9589828963px;
  --duration: 2.3569815684s;
  --delay: 2.5362798117s;
  --rotate: 3.3525958269deg;
}
main .light-rays > *:nth-child(15) {
  --deg: 0.8450234498;
  --thickness: 14.2859814984px;
  --length: 34.4353346882px;
  --duration: 2.018932989s;
  --delay: 2.8264785007s;
  --rotate: 3.5395715485deg;
}
main .light-rays > *:nth-child(16) {
  --deg: 0.4999505604;
  --thickness: 14.8286037906px;
  --length: 12.1468024256px;
  --duration: 1.8882643513s;
  --delay: 2.590675786s;
  --rotate: -2.8261908102deg;
}
main .light-rays > *:nth-child(17) {
  --deg: 0.4697330494;
  --thickness: 19.0338373526px;
  --length: 23.9392836427px;
  --duration: 2.4291534065s;
  --delay: 2.7165639372s;
  --rotate: -1.6832990098deg;
}
main .light-rays > *:nth-child(18) {
  --deg: 0.1841410009;
  --thickness: 23.8887578494px;
  --length: -2.9364491272px;
  --duration: 1.0087311083s;
  --delay: 2.0945131039s;
  --rotate: 1.3989169208deg;
}
main .light-rays > *:nth-child(19) {
  --deg: 0.039167264;
  --thickness: 22.7857459583px;
  --length: -33.8440334991px;
  --duration: 1.0842450941s;
  --delay: 2.0045521437s;
  --rotate: 1.9631306589deg;
}
main .light-rays > *:nth-child(20) {
  --deg: 0.0739037471;
  --thickness: 11.4883956817px;
  --length: -16.4414120206px;
  --duration: 1.1312970606s;
  --delay: 2.3119096813s;
  --rotate: 3.1974542136deg;
}
main .light-rays > *:nth-child(21) {
  --deg: 0.4703778628;
  --thickness: 26.6682243496px;
  --length: -15.5832816034px;
  --duration: 2.4567188187s;
  --delay: 2.3256726208s;
  --rotate: 0.3298913289deg;
}
main .light-rays > *:nth-child(22) {
  --deg: 0.2768441084;
  --thickness: 29.9211817408px;
  --length: -23.4297057125px;
  --duration: 1.4467810762s;
  --delay: 2.8740856459s;
  --rotate: 2.4309734043deg;
}
main .light-rays > *:nth-child(23) {
  --deg: 0.8062690062;
  --thickness: 24.1063135189px;
  --length: -47.4325378249px;
  --duration: 1.8811153274s;
  --delay: 2.3003782278s;
  --rotate: -3.7632643443deg;
}
main .light-rays > *:nth-child(24) {
  --deg: 0.6003826542;
  --thickness: 11.6648828053px;
  --length: 40.0284690721px;
  --duration: 2.1136024867s;
  --delay: 2.7387986059s;
  --rotate: -1.5081974992deg;
}
main .light-rays > *:nth-child(25) {
  --deg: 0.3376543931;
  --thickness: 29.1504584503px;
  --length: -8.5305223195px;
  --duration: 1.3202429801s;
  --delay: 2.7361687277s;
  --rotate: 3.0362753122deg;
}
main .light-rays > *:nth-child(26) {
  --deg: 0.4459362072;
  --thickness: 8.129693711px;
  --length: -0.6050938221px;
  --duration: 1.4972417065s;
  --delay: 2.3242316813s;
  --rotate: 2.391341967deg;
}
main .light-rays > *:nth-child(27) {
  --deg: 0.2676309478;
  --thickness: 14.7214904204px;
  --length: 35.9470588467px;
  --duration: 1.2565251668s;
  --delay: 2.4413751993s;
  --rotate: 2.4070535534deg;
}
main .light-rays > *:nth-child(28) {
  --deg: 0.655310944;
  --thickness: 28.3026906166px;
  --length: -46.1212108939px;
  --duration: 2.1593371116s;
  --delay: 2.4325824541s;
  --rotate: -1.3682336832deg;
}
main .light-rays > *:nth-child(29) {
  --deg: 0.0042262056;
  --thickness: 13.1105946275px;
  --length: -6.4927654272px;
  --duration: 1.0724690529s;
  --delay: 2.7824507558s;
  --rotate: -2.6167946744deg;
}
main .light-rays > *:nth-child(30) {
  --deg: 0.0873315003;
  --thickness: 27.4981954614px;
  --length: 38.8331924932px;
  --duration: 1.9519066803s;
  --delay: 2.5618309745s;
  --rotate: -3.4615304597deg;
}
main .light-rays > *:nth-child(31) {
  --deg: 0.8588211809;
  --thickness: 26.0907263546px;
  --length: -38.0953256162px;
  --duration: 2.3386807349s;
  --delay: 2.6401221298s;
  --rotate: -1.1260384545deg;
}
main .light-rays > *:nth-child(32) {
  --deg: 0.256348612;
  --thickness: 8.4316614862px;
  --length: 38.8480621658px;
  --duration: 1.0585729956s;
  --delay: 2.6490643381s;
  --rotate: 3.4380228587deg;
}


@-webkit-keyframes shimmer {
  0% {
    opacity: 0.33;
  }
  100% {
    opacity: 0.03;
  }
}

@keyframes shimmer {
  0% {
    opacity: 0.33;
  }
  100% {
    opacity: 0.03;
  }
}
@-webkit-keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: var(--rotate);
  }
}
@keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: var(--rotate);
  }
}