@charset "utf-8";

/* ================
// Paths
// ============= */
.star {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-animation: path-offset 10s infinite linear, star-power 10s infinite linear;
          animation: path-offset 10s infinite linear, star-power 10s infinite linear;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
          clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  mix-blend-mode: soft-light;
  offset-distance: 0;
  opacity: 0;
}
.star:nth-child(1) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  background: #ffc914;
  offset-path: path("m0, 0 s72 -72 144 0 s144 144 288 0 s144 -144 288 0 s288 288 576 0");
  transform: translate(-100%, -50%) rotate(58deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(1) {
    offset-path: path("m0, 0 s207.5 -207.5 415 0 s415 415 830 0 s415 -415 830 0 s830 830 1660 0");
  }
}
.star:nth-child(2) {
  height: 5vmin;
  width: 5vmin;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  background: #ffcb1f;
  offset-path: path("m0, 0 s82.5 -82.5 165 0 s165 165 330 0 s165 -165 330 0 s330 330 660 0");
  transform: translate(-100%, -50%) rotate(93deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(2) {
    offset-path: path("m0, 0 s222.5 -222.5 445 0 s445 445 890 0 s445 -445 890 0 s890 890 1780 0");
  }
}
.star:nth-child(3) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background: #ffd752;
  offset-path: path("m0, 0 s100 -100 200 0 s200 200 400 0 s200 -200 400 0 s400 400 800 0");
  transform: translate(-100%, -50%) rotate(48deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(3) {
    offset-path: path("m0, 0 s292 -292 584 0 s584 584 1168 0 s584 -584 1168 0 s1168 1168 2336 0");
  }
}
.star:nth-child(4) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  background: #ffca1a;
  offset-path: path("m0, 0 s83 -83 166 0 s166 166 332 0 s166 -166 332 0 s332 332 664 0");
  transform: translate(-100%, -50%) rotate(245deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(4) {
    offset-path: path("m0, 0 s196.5 -196.5 393 0 s393 393 786 0 s393 -393 786 0 s786 786 1572 0");
  }
}
.star:nth-child(5) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  background: #ffc80f;
  offset-path: path("m0, 0 s57 -57 114 0 s114 114 228 0 s114 -114 228 0 s228 228 456 0");
  transform: translate(-100%, -50%) rotate(301deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(5) {
    offset-path: path("m0, 0 s197.5 -197.5 395 0 s395 395 790 0 s395 -395 790 0 s790 790 1580 0");
  }
}
.star:nth-child(6) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  background: #ffc80f;
  offset-path: path("m0, 0 s99 -99 198 0 s198 198 396 0 s198 -198 396 0 s396 396 792 0");
  transform: translate(-100%, -50%) rotate(293deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(6) {
    offset-path: path("m0, 0 s211.5 -211.5 423 0 s423 423 846 0 s423 -423 846 0 s846 846 1692 0");
  }
}
.star:nth-child(7) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  background: #ffca1a;
  offset-path: path("m0, 0 s64.5 -64.5 129 0 s129 129 258 0 s129 -129 258 0 s258 258 516 0");
  transform: translate(-100%, -50%) rotate(4deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(7) {
    offset-path: path("m0, 0 s153 -153 306 0 s306 306 612 0 s306 -306 612 0 s612 612 1224 0");
  }
}
.star:nth-child(8) {
  height: 5vmin;
  width: 5vmin;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  background: #ffcc24;
  offset-path: path("m0, 0 s65 -65 130 0 s130 130 260 0 s130 -130 260 0 s260 260 520 0");
  transform: translate(-100%, -50%) rotate(181deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(8) {
    offset-path: path("m0, 0 s196.5 -196.5 393 0 s393 393 786 0 s393 -393 786 0 s786 786 1572 0");
  }
}
.star:nth-child(9) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  background: #ffc60a;
  offset-path: path("m0, 0 s56 -56 112 0 s112 112 224 0 s112 -112 224 0 s224 224 448 0");
  transform: translate(-100%, -50%) rotate(258deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(9) {
    offset-path: path("m0, 0 s239.5 -239.5 479 0 s479 479 958 0 s479 -479 958 0 s958 958 1916 0");
  }
}
.star:nth-child(10) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  background: #ffd857;
  offset-path: path("m0, 0 s66 -66 132 0 s132 132 264 0 s132 -132 264 0 s264 264 528 0");
  transform: translate(-100%, -50%) rotate(61deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(10) {
    offset-path: path("m0, 0 s268.5 -268.5 537 0 s537 537 1074 0 s537 -537 1074 0 s1074 1074 2148 0");
  }
}
.star:nth-child(11) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  background: #ffde70;
  offset-path: path("m0, 0 s79.5 -79.5 159 0 s159 159 318 0 s159 -159 318 0 s318 318 636 0");
  transform: translate(-100%, -50%) rotate(74deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(11) {
    offset-path: path("m0, 0 s201 -201 402 0 s402 402 804 0 s402 -402 804 0 s804 804 1608 0");
  }
}
.star:nth-child(12) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  background: #ffd752;
  offset-path: path("m0, 0 s95.5 -95.5 191 0 s191 191 382 0 s191 -191 382 0 s382 382 764 0");
  transform: translate(-100%, -50%) rotate(24deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(12) {
    offset-path: path("m0, 0 s201 -201 402 0 s402 402 804 0 s402 -402 804 0 s804 804 1608 0");
  }
}
.star:nth-child(13) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  background: #ffd64d;
  offset-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
  transform: translate(-100%, -50%) rotate(57deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(13) {
    offset-path: path("m0, 0 s203.5 -203.5 407 0 s407 407 814 0 s407 -407 814 0 s814 814 1628 0");
  }
}
.star:nth-child(14) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  background: #ffc80f;
  offset-path: path("m0, 0 s90.5 -90.5 181 0 s181 181 362 0 s181 -181 362 0 s362 362 724 0");
  transform: translate(-100%, -50%) rotate(190deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(14) {
    offset-path: path("m0, 0 s201.5 -201.5 403 0 s403 403 806 0 s403 -403 806 0 s806 806 1612 0");
  }
}
.star:nth-child(15) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  background: #ffde70;
  offset-path: path("m0, 0 s81 -81 162 0 s162 162 324 0 s162 -162 324 0 s324 324 648 0");
  transform: translate(-100%, -50%) rotate(8deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(15) {
    offset-path: path("m0, 0 s162 -162 324 0 s324 324 648 0 s324 -324 648 0 s648 648 1296 0");
  }
}
.star:nth-child(16) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  background: #ffc914;
  offset-path: path("m0, 0 s79 -79 158 0 s158 158 316 0 s158 -158 316 0 s316 316 632 0");
  transform: translate(-100%, -50%) rotate(348deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(16) {
    offset-path: path("m0, 0 s153.5 -153.5 307 0 s307 307 614 0 s307 -307 614 0 s614 614 1228 0");
  }
}
.star:nth-child(17) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  background: #ffdd6b;
  offset-path: path("m0, 0 s54.5 -54.5 109 0 s109 109 218 0 s109 -109 218 0 s218 218 436 0");
  transform: translate(-100%, -50%) rotate(350deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(17) {
    offset-path: path("m0, 0 s290.5 -290.5 581 0 s581 581 1162 0 s581 -581 1162 0 s1162 1162 2324 0");
  }
}
.star:nth-child(18) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  background: #ffda61;
  offset-path: path("m0, 0 s91 -91 182 0 s182 182 364 0 s182 -182 364 0 s364 364 728 0");
  transform: translate(-100%, -50%) rotate(20deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(18) {
    offset-path: path("m0, 0 s210.5 -210.5 421 0 s421 421 842 0 s421 -421 842 0 s842 842 1684 0");
  }
}
.star:nth-child(19) {
  height: 5vmin;
  width: 5vmin;
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
  background: #ffd138;
  offset-path: path("m0, 0 s100 -100 200 0 s200 200 400 0 s200 -200 400 0 s400 400 800 0");
  transform: translate(-100%, -50%) rotate(10deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(19) {
    offset-path: path("m0, 0 s260.5 -260.5 521 0 s521 521 1042 0 s521 -521 1042 0 s1042 1042 2084 0");
  }
}
.star:nth-child(20) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  background: #ffc505;
  offset-path: path("m0, 0 s77.5 -77.5 155 0 s155 155 310 0 s155 -155 310 0 s310 310 620 0");
  transform: translate(-100%, -50%) rotate(78deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(20) {
    offset-path: path("m0, 0 s257 -257 514 0 s514 514 1028 0 s514 -514 1028 0 s1028 1028 2056 0");
  }
}
.star:nth-child(21) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  background: #ffd95c;
  offset-path: path("m0, 0 s63.5 -63.5 127 0 s127 127 254 0 s127 -127 254 0 s254 254 508 0");
  transform: translate(-100%, -50%) rotate(218deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(21) {
    offset-path: path("m0, 0 s169 -169 338 0 s338 338 676 0 s338 -338 676 0 s676 676 1352 0");
  }
}
.star:nth-child(22) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  background: #ffc80f;
  offset-path: path("m0, 0 s74.5 -74.5 149 0 s149 149 298 0 s149 -149 298 0 s298 298 596 0");
  transform: translate(-100%, -50%) rotate(26deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(22) {
    offset-path: path("m0, 0 s260.5 -260.5 521 0 s521 521 1042 0 s521 -521 1042 0 s1042 1042 2084 0");
  }
}
.star:nth-child(23) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
  background: #ffd547;
  offset-path: path("m0, 0 s77 -77 154 0 s154 154 308 0 s154 -154 308 0 s308 308 616 0");
  transform: translate(-100%, -50%) rotate(167deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(23) {
    offset-path: path("m0, 0 s278 -278 556 0 s556 556 1112 0 s556 -556 1112 0 s1112 1112 2224 0");
  }
}
.star:nth-child(24) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  background: #ffc914;
  offset-path: path("m0, 0 s84.5 -84.5 169 0 s169 169 338 0 s169 -169 338 0 s338 338 676 0");
  transform: translate(-100%, -50%) rotate(252deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(24) {
    offset-path: path("m0, 0 s232 -232 464 0 s464 464 928 0 s464 -464 928 0 s928 928 1856 0");
  }
}
.star:nth-child(25) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  background: #ffd033;
  offset-path: path("m0, 0 s80.5 -80.5 161 0 s161 161 322 0 s161 -161 322 0 s322 322 644 0");
  transform: translate(-100%, -50%) rotate(278deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(25) {
    offset-path: path("m0, 0 s177.5 -177.5 355 0 s355 355 710 0 s355 -355 710 0 s710 710 1420 0");
  }
}
.star:nth-child(26) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
  background: #ffe07a;
  offset-path: path("m0, 0 s83 -83 166 0 s166 166 332 0 s166 -166 332 0 s332 332 664 0");
  transform: translate(-100%, -50%) rotate(50deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(26) {
    offset-path: path("m0, 0 s230.5 -230.5 461 0 s461 461 922 0 s461 -461 922 0 s922 922 1844 0");
  }
}
.star:nth-child(27) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
  background: #ffd138;
  offset-path: path("m0, 0 s90.5 -90.5 181 0 s181 181 362 0 s181 -181 362 0 s362 362 724 0");
  transform: translate(-100%, -50%) rotate(52deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(27) {
    offset-path: path("m0, 0 s241 -241 482 0 s482 482 964 0 s482 -482 964 0 s964 964 1928 0");
  }
}
.star:nth-child(28) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  background: #ffd23d;
  offset-path: path("m0, 0 s81.5 -81.5 163 0 s163 163 326 0 s163 -163 326 0 s326 326 652 0");
  transform: translate(-100%, -50%) rotate(242deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(28) {
    offset-path: path("m0, 0 s251.5 -251.5 503 0 s503 503 1006 0 s503 -503 1006 0 s1006 1006 2012 0");
  }
}
.star:nth-child(29) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
  background: #ffe280;
  offset-path: path("m0, 0 s99 -99 198 0 s198 198 396 0 s198 -198 396 0 s396 396 792 0");
  transform: translate(-100%, -50%) rotate(276deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(29) {
    offset-path: path("m0, 0 s156.5 -156.5 313 0 s313 313 626 0 s313 -313 626 0 s626 626 1252 0");
  }
}
.star:nth-child(30) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background: #ffcf2e;
  offset-path: path("m0, 0 s80.5 -80.5 161 0 s161 161 322 0 s161 -161 322 0 s322 322 644 0");
  transform: translate(-100%, -50%) rotate(92deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(30) {
    offset-path: path("m0, 0 s187.5 -187.5 375 0 s375 375 750 0 s375 -375 750 0 s750 750 1500 0");
  }
}
.star:nth-child(31) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
  background: #ffe07a;
  offset-path: path("m0, 0 s100 -100 200 0 s200 200 400 0 s200 -200 400 0 s400 400 800 0");
  transform: translate(-100%, -50%) rotate(44deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(31) {
    offset-path: path("m0, 0 s247 -247 494 0 s494 494 988 0 s494 -494 988 0 s988 988 1976 0");
  }
}
.star:nth-child(32) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
  background: #ffd857;
  offset-path: path("m0, 0 s70 -70 140 0 s140 140 280 0 s140 -140 280 0 s280 280 560 0");
  transform: translate(-100%, -50%) rotate(107deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(32) {
    offset-path: path("m0, 0 s238 -238 476 0 s476 476 952 0 s476 -476 952 0 s952 952 1904 0");
  }
}
.star:nth-child(33) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
  background: #ffc505;
  offset-path: path("m0, 0 s83 -83 166 0 s166 166 332 0 s166 -166 332 0 s332 332 664 0");
  transform: translate(-100%, -50%) rotate(122deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(33) {
    offset-path: path("m0, 0 s282.5 -282.5 565 0 s565 565 1130 0 s565 -565 1130 0 s1130 1130 2260 0");
  }
}
.star:nth-child(34) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
  background: #ffdc66;
  offset-path: path("m0, 0 s60.5 -60.5 121 0 s121 121 242 0 s121 -121 242 0 s242 242 484 0");
  transform: translate(-100%, -50%) rotate(68deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(34) {
    offset-path: path("m0, 0 s157 -157 314 0 s314 314 628 0 s314 -314 628 0 s628 628 1256 0");
  }
}
.star:nth-child(35) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  background: #ffc505;
  offset-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
  transform: translate(-100%, -50%) rotate(214deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(35) {
    offset-path: path("m0, 0 s204 -204 408 0 s408 408 816 0 s408 -408 816 0 s816 816 1632 0");
  }
}
.star:nth-child(36) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
  background: #ffc80f;
  offset-path: path("m0, 0 s84 -84 168 0 s168 168 336 0 s168 -168 336 0 s336 336 672 0");
  transform: translate(-100%, -50%) rotate(64deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(36) {
    offset-path: path("m0, 0 s252 -252 504 0 s504 504 1008 0 s504 -504 1008 0 s1008 1008 2016 0");
  }
}
.star:nth-child(37) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s;
  background: #ffcd29;
  offset-path: path("m0, 0 s77.5 -77.5 155 0 s155 155 310 0 s155 -155 310 0 s310 310 620 0");
  transform: translate(-100%, -50%) rotate(81deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(37) {
    offset-path: path("m0, 0 s235 -235 470 0 s470 470 940 0 s470 -470 940 0 s940 940 1880 0");
  }
}
.star:nth-child(38) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
  background: #ffe07a;
  offset-path: path("m0, 0 s95 -95 190 0 s190 190 380 0 s190 -190 380 0 s380 380 760 0");
  transform: translate(-100%, -50%) rotate(275deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(38) {
    offset-path: path("m0, 0 s173 -173 346 0 s346 346 692 0 s346 -346 692 0 s692 692 1384 0");
  }
}
.star:nth-child(39) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
  background: #ffde70;
  offset-path: path("m0, 0 s56.5 -56.5 113 0 s113 113 226 0 s113 -113 226 0 s226 226 452 0");
  transform: translate(-100%, -50%) rotate(178deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(39) {
    offset-path: path("m0, 0 s281.5 -281.5 563 0 s563 563 1126 0 s563 -563 1126 0 s1126 1126 2252 0");
  }
}
.star:nth-child(40) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  background: #ffe07a;
  offset-path: path("m0, 0 s99 -99 198 0 s198 198 396 0 s198 -198 396 0 s396 396 792 0");
  transform: translate(-100%, -50%) rotate(248deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(40) {
    offset-path: path("m0, 0 s236.5 -236.5 473 0 s473 473 946 0 s473 -473 946 0 s946 946 1892 0");
  }
}
.star:nth-child(41) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 4.1s;
          animation-delay: 4.1s;
  background: #ffda61;
  offset-path: path("m0, 0 s92 -92 184 0 s184 184 368 0 s184 -184 368 0 s368 368 736 0");
  transform: translate(-100%, -50%) rotate(246deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(41) {
    offset-path: path("m0, 0 s292.5 -292.5 585 0 s585 585 1170 0 s585 -585 1170 0 s1170 1170 2340 0");
  }
}
.star:nth-child(42) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
  background: #ffc60a;
  offset-path: path("m0, 0 s55 -55 110 0 s110 110 220 0 s110 -110 220 0 s220 220 440 0");
  transform: translate(-100%, -50%) rotate(262deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(42) {
    offset-path: path("m0, 0 s286.5 -286.5 573 0 s573 573 1146 0 s573 -573 1146 0 s1146 1146 2292 0");
  }
}
.star:nth-child(43) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
  background: #ffc80f;
  offset-path: path("m0, 0 s57.5 -57.5 115 0 s115 115 230 0 s115 -115 230 0 s230 230 460 0");
  transform: translate(-100%, -50%) rotate(265deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(43) {
    offset-path: path("m0, 0 s175 -175 350 0 s350 350 700 0 s350 -350 700 0 s700 700 1400 0");
  }
}
.star:nth-child(44) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
  background: #ffcd29;
  offset-path: path("m0, 0 s90.5 -90.5 181 0 s181 181 362 0 s181 -181 362 0 s362 362 724 0");
  transform: translate(-100%, -50%) rotate(31deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(44) {
    offset-path: path("m0, 0 s207.5 -207.5 415 0 s415 415 830 0 s415 -415 830 0 s830 830 1660 0");
  }
}
.star:nth-child(45) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
  background: #ffd033;
  offset-path: path("m0, 0 s97.5 -97.5 195 0 s195 195 390 0 s195 -195 390 0 s390 390 780 0");
  transform: translate(-100%, -50%) rotate(102deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(45) {
    offset-path: path("m0, 0 s236 -236 472 0 s472 472 944 0 s472 -472 944 0 s944 944 1888 0");
  }
}
.star:nth-child(46) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
  background: #ffcb1f;
  offset-path: path("m0, 0 s93.5 -93.5 187 0 s187 187 374 0 s187 -187 374 0 s374 374 748 0");
  transform: translate(-100%, -50%) rotate(114deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(46) {
    offset-path: path("m0, 0 s230.5 -230.5 461 0 s461 461 922 0 s461 -461 922 0 s922 922 1844 0");
  }
}
.star:nth-child(47) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
  background: #ffda61;
  offset-path: path("m0, 0 s82.5 -82.5 165 0 s165 165 330 0 s165 -165 330 0 s330 330 660 0");
  transform: translate(-100%, -50%) rotate(29deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(47) {
    offset-path: path("m0, 0 s223 -223 446 0 s446 446 892 0 s446 -446 892 0 s892 892 1784 0");
  }
}
.star:nth-child(48) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
  background: #ffdd6b;
  offset-path: path("m0, 0 s72.5 -72.5 145 0 s145 145 290 0 s145 -145 290 0 s290 290 580 0");
  transform: translate(-100%, -50%) rotate(155deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(48) {
    offset-path: path("m0, 0 s245.5 -245.5 491 0 s491 491 982 0 s491 -491 982 0 s982 982 1964 0");
  }
}
.star:nth-child(49) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s;
  background: #ffdd6b;
  offset-path: path("m0, 0 s94 -94 188 0 s188 188 376 0 s188 -188 376 0 s376 376 752 0");
  transform: translate(-100%, -50%) rotate(7deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(49) {
    offset-path: path("m0, 0 s207 -207 414 0 s414 414 828 0 s414 -414 828 0 s828 828 1656 0");
  }
}
.star:nth-child(50) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  background: #ffc80f;
  offset-path: path("m0, 0 s78.5 -78.5 157 0 s157 157 314 0 s157 -157 314 0 s314 314 628 0");
  transform: translate(-100%, -50%) rotate(76deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(50) {
    offset-path: path("m0, 0 s262.5 -262.5 525 0 s525 525 1050 0 s525 -525 1050 0 s1050 1050 2100 0");
  }
}
.star:nth-child(51) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
  background: #ffcd29;
  offset-path: path("m0, 0 s81 -81 162 0 s162 162 324 0 s162 -162 324 0 s324 324 648 0");
  transform: translate(-100%, -50%) rotate(193deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(51) {
    offset-path: path("m0, 0 s257.5 -257.5 515 0 s515 515 1030 0 s515 -515 1030 0 s1030 1030 2060 0");
  }
}
.star:nth-child(52) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
  background: #ffda61;
  offset-path: path("m0, 0 s66.5 -66.5 133 0 s133 133 266 0 s133 -133 266 0 s266 266 532 0");
  transform: translate(-100%, -50%) rotate(24deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(52) {
    offset-path: path("m0, 0 s283.5 -283.5 567 0 s567 567 1134 0 s567 -567 1134 0 s1134 1134 2268 0");
  }
}
.star:nth-child(53) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s;
  background: #ffd752;
  offset-path: path("m0, 0 s65 -65 130 0 s130 130 260 0 s130 -130 260 0 s260 260 520 0");
  transform: translate(-100%, -50%) rotate(105deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(53) {
    offset-path: path("m0, 0 s178.5 -178.5 357 0 s357 357 714 0 s357 -357 714 0 s714 714 1428 0");
  }
}
.star:nth-child(54) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
  background: #ffc80f;
  offset-path: path("m0, 0 s75.5 -75.5 151 0 s151 151 302 0 s151 -151 302 0 s302 302 604 0");
  transform: translate(-100%, -50%) rotate(325deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(54) {
    offset-path: path("m0, 0 s206 -206 412 0 s412 412 824 0 s412 -412 824 0 s824 824 1648 0");
  }
}
.star:nth-child(55) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
  background: #ffcc24;
  offset-path: path("m0, 0 s81 -81 162 0 s162 162 324 0 s162 -162 324 0 s324 324 648 0");
  transform: translate(-100%, -50%) rotate(44deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(55) {
    offset-path: path("m0, 0 s192.5 -192.5 385 0 s385 385 770 0 s385 -385 770 0 s770 770 1540 0");
  }
}
.star:nth-child(56) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
  background: #ffd752;
  offset-path: path("m0, 0 s71 -71 142 0 s142 142 284 0 s142 -142 284 0 s284 284 568 0");
  transform: translate(-100%, -50%) rotate(299deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(56) {
    offset-path: path("m0, 0 s286.5 -286.5 573 0 s573 573 1146 0 s573 -573 1146 0 s1146 1146 2292 0");
  }
}
.star:nth-child(57) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
  background: #ffc914;
  offset-path: path("m0, 0 s90.5 -90.5 181 0 s181 181 362 0 s181 -181 362 0 s362 362 724 0");
  transform: translate(-100%, -50%) rotate(195deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(57) {
    offset-path: path("m0, 0 s275.5 -275.5 551 0 s551 551 1102 0 s551 -551 1102 0 s1102 1102 2204 0");
  }
}
.star:nth-child(58) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
  background: #ffc914;
  offset-path: path("m0, 0 s70.5 -70.5 141 0 s141 141 282 0 s141 -141 282 0 s282 282 564 0");
  transform: translate(-100%, -50%) rotate(222deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(58) {
    offset-path: path("m0, 0 s184 -184 368 0 s368 368 736 0 s368 -368 736 0 s736 736 1472 0");
  }
}
.star:nth-child(59) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
  background: #ffdc66;
  offset-path: path("m0, 0 s95 -95 190 0 s190 190 380 0 s190 -190 380 0 s380 380 760 0");
  transform: translate(-100%, -50%) rotate(189deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(59) {
    offset-path: path("m0, 0 s189 -189 378 0 s378 378 756 0 s378 -378 756 0 s756 756 1512 0");
  }
}
.star:nth-child(60) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  background: #ffcb1f;
  offset-path: path("m0, 0 s53.5 -53.5 107 0 s107 107 214 0 s107 -107 214 0 s214 214 428 0");
  transform: translate(-100%, -50%) rotate(97deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(60) {
    offset-path: path("m0, 0 s217.5 -217.5 435 0 s435 435 870 0 s435 -435 870 0 s870 870 1740 0");
  }
}
.star:nth-child(61) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 6.1s;
          animation-delay: 6.1s;
  background: #ffdc66;
  offset-path: path("m0, 0 s71.5 -71.5 143 0 s143 143 286 0 s143 -143 286 0 s286 286 572 0");
  transform: translate(-100%, -50%) rotate(194deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(61) {
    offset-path: path("m0, 0 s283 -283 566 0 s566 566 1132 0 s566 -566 1132 0 s1132 1132 2264 0");
  }
}
.star:nth-child(62) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
  background: #ffd033;
  offset-path: path("m0, 0 s66 -66 132 0 s132 132 264 0 s132 -132 264 0 s264 264 528 0");
  transform: translate(-100%, -50%) rotate(85deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(62) {
    offset-path: path("m0, 0 s191 -191 382 0 s382 382 764 0 s382 -382 764 0 s764 764 1528 0");
  }
}
.star:nth-child(63) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
  background: #ffdf75;
  offset-path: path("m0, 0 s63 -63 126 0 s126 126 252 0 s126 -126 252 0 s252 252 504 0");
  transform: translate(-100%, -50%) rotate(114deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(63) {
    offset-path: path("m0, 0 s277.5 -277.5 555 0 s555 555 1110 0 s555 -555 1110 0 s1110 1110 2220 0");
  }
}
.star:nth-child(64) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s;
  background: #ffde70;
  offset-path: path("m0, 0 s96 -96 192 0 s192 192 384 0 s192 -192 384 0 s384 384 768 0");
  transform: translate(-100%, -50%) rotate(182deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(64) {
    offset-path: path("m0, 0 s273 -273 546 0 s546 546 1092 0 s546 -546 1092 0 s1092 1092 2184 0");
  }
}
.star:nth-child(65) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
  background: #ffdc66;
  offset-path: path("m0, 0 s99 -99 198 0 s198 198 396 0 s198 -198 396 0 s396 396 792 0");
  transform: translate(-100%, -50%) rotate(293deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(65) {
    offset-path: path("m0, 0 s253.5 -253.5 507 0 s507 507 1014 0 s507 -507 1014 0 s1014 1014 2028 0");
  }
}
.star:nth-child(66) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
  background: #ffc80f;
  offset-path: path("m0, 0 s97.5 -97.5 195 0 s195 195 390 0 s195 -195 390 0 s390 390 780 0");
  transform: translate(-100%, -50%) rotate(121deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(66) {
    offset-path: path("m0, 0 s254.5 -254.5 509 0 s509 509 1018 0 s509 -509 1018 0 s1018 1018 2036 0");
  }
}
.star:nth-child(67) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
  background: #ffd033;
  offset-path: path("m0, 0 s80.5 -80.5 161 0 s161 161 322 0 s161 -161 322 0 s322 322 644 0");
  transform: translate(-100%, -50%) rotate(100deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(67) {
    offset-path: path("m0, 0 s170.5 -170.5 341 0 s341 341 682 0 s341 -341 682 0 s682 682 1364 0");
  }
}
.star:nth-child(68) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
  background: #ffda61;
  offset-path: path("m0, 0 s54.5 -54.5 109 0 s109 109 218 0 s109 -109 218 0 s218 218 436 0");
  transform: translate(-100%, -50%) rotate(19deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(68) {
    offset-path: path("m0, 0 s238 -238 476 0 s476 476 952 0 s476 -476 952 0 s952 952 1904 0");
  }
}
.star:nth-child(69) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s;
  background: #ffcb1f;
  offset-path: path("m0, 0 s59.5 -59.5 119 0 s119 119 238 0 s119 -119 238 0 s238 238 476 0");
  transform: translate(-100%, -50%) rotate(147deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(69) {
    offset-path: path("m0, 0 s260.5 -260.5 521 0 s521 521 1042 0 s521 -521 1042 0 s1042 1042 2084 0");
  }
}
.star:nth-child(70) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background: #ffe280;
  offset-path: path("m0, 0 s92 -92 184 0 s184 184 368 0 s184 -184 368 0 s368 368 736 0");
  transform: translate(-100%, -50%) rotate(224deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(70) {
    offset-path: path("m0, 0 s240.5 -240.5 481 0 s481 481 962 0 s481 -481 962 0 s962 962 1924 0");
  }
}
.star:nth-child(71) {
  height: 5vmin;
  width: 5vmin;
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
  background: #ffd95c;
  offset-path: path("m0, 0 s93.5 -93.5 187 0 s187 187 374 0 s187 -187 374 0 s374 374 748 0");
  transform: translate(-100%, -50%) rotate(140deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(71) {
    offset-path: path("m0, 0 s186.5 -186.5 373 0 s373 373 746 0 s373 -373 746 0 s746 746 1492 0");
  }
}
.star:nth-child(72) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
  background: #ffdd6b;
  offset-path: path("m0, 0 s54 -54 108 0 s108 108 216 0 s108 -108 216 0 s216 216 432 0");
  transform: translate(-100%, -50%) rotate(3deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(72) {
    offset-path: path("m0, 0 s258 -258 516 0 s516 516 1032 0 s516 -516 1032 0 s1032 1032 2064 0");
  }
}
.star:nth-child(73) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
  background: #ffd857;
  offset-path: path("m0, 0 s99.5 -99.5 199 0 s199 199 398 0 s199 -199 398 0 s398 398 796 0");
  transform: translate(-100%, -50%) rotate(62deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(73) {
    offset-path: path("m0, 0 s289.5 -289.5 579 0 s579 579 1158 0 s579 -579 1158 0 s1158 1158 2316 0");
  }
}
.star:nth-child(74) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
  background: #ffe280;
  offset-path: path("m0, 0 s100 -100 200 0 s200 200 400 0 s200 -200 400 0 s400 400 800 0");
  transform: translate(-100%, -50%) rotate(312deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(74) {
    offset-path: path("m0, 0 s173 -173 346 0 s346 346 692 0 s346 -346 692 0 s692 692 1384 0");
  }
}
.star:nth-child(75) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
  background: #ffda61;
  offset-path: path("m0, 0 s68 -68 136 0 s136 136 272 0 s136 -136 272 0 s272 272 544 0");
  transform: translate(-100%, -50%) rotate(346deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(75) {
    offset-path: path("m0, 0 s156.5 -156.5 313 0 s313 313 626 0 s313 -313 626 0 s626 626 1252 0");
  }
}
.star:nth-child(76) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s;
  background: #ffcb1f;
  offset-path: path("m0, 0 s69.5 -69.5 139 0 s139 139 278 0 s139 -139 278 0 s278 278 556 0");
  transform: translate(-100%, -50%) rotate(332deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(76) {
    offset-path: path("m0, 0 s177.5 -177.5 355 0 s355 355 710 0 s355 -355 710 0 s710 710 1420 0");
  }
}
.star:nth-child(77) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s;
  background: #ffd547;
  offset-path: path("m0, 0 s81.5 -81.5 163 0 s163 163 326 0 s163 -163 326 0 s326 326 652 0");
  transform: translate(-100%, -50%) rotate(344deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(77) {
    offset-path: path("m0, 0 s161.5 -161.5 323 0 s323 323 646 0 s323 -323 646 0 s646 646 1292 0");
  }
}
.star:nth-child(78) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
  background: #ffdc66;
  offset-path: path("m0, 0 s91 -91 182 0 s182 182 364 0 s182 -182 364 0 s364 364 728 0");
  transform: translate(-100%, -50%) rotate(73deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(78) {
    offset-path: path("m0, 0 s281 -281 562 0 s562 562 1124 0 s562 -562 1124 0 s1124 1124 2248 0");
  }
}
.star:nth-child(79) {
  height: 8vmin;
  width: 8vmin;
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
  background: #ffc60a;
  offset-path: path("m0, 0 s91 -91 182 0 s182 182 364 0 s182 -182 364 0 s364 364 728 0");
  transform: translate(-100%, -50%) rotate(223deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(79) {
    offset-path: path("m0, 0 s259.5 -259.5 519 0 s519 519 1038 0 s519 -519 1038 0 s1038 1038 2076 0");
  }
}
.star:nth-child(80) {
  height: 7vmin;
  width: 7vmin;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  background: #ffcc24;
  offset-path: path("m0, 0 s52 -52 104 0 s104 104 208 0 s104 -104 208 0 s208 208 416 0");
  transform: translate(-100%, -50%) rotate(213deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(80) {
    offset-path: path("m0, 0 s169.5 -169.5 339 0 s339 339 678 0 s339 -339 678 0 s678 678 1356 0");
  }
}
.star:nth-child(81) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 8.1s;
          animation-delay: 8.1s;
  background: #ffda61;
  offset-path: path("m0, 0 s88 -88 176 0 s176 176 352 0 s176 -176 352 0 s352 352 704 0");
  transform: translate(-100%, -50%) rotate(30deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(81) {
    offset-path: path("m0, 0 s211 -211 422 0 s422 422 844 0 s422 -422 844 0 s844 844 1688 0");
  }
}
.star:nth-child(82) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
  background: #ffd752;
  offset-path: path("m0, 0 s77.5 -77.5 155 0 s155 155 310 0 s155 -155 310 0 s310 310 620 0");
  transform: translate(-100%, -50%) rotate(284deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(82) {
    offset-path: path("m0, 0 s252.5 -252.5 505 0 s505 505 1010 0 s505 -505 1010 0 s1010 1010 2020 0");
  }
}
.star:nth-child(83) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 8.3s;
          animation-delay: 8.3s;
  background: #ffd64d;
  offset-path: path("m0, 0 s62.5 -62.5 125 0 s125 125 250 0 s125 -125 250 0 s250 250 500 0");
  transform: translate(-100%, -50%) rotate(349deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(83) {
    offset-path: path("m0, 0 s286.5 -286.5 573 0 s573 573 1146 0 s573 -573 1146 0 s1146 1146 2292 0");
  }
}
.star:nth-child(84) {
  height: 10vmin;
  width: 10vmin;
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
  background: #ffcd29;
  offset-path: path("m0, 0 s94 -94 188 0 s188 188 376 0 s188 -188 376 0 s376 376 752 0");
  transform: translate(-100%, -50%) rotate(324deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(84) {
    offset-path: path("m0, 0 s157.5 -157.5 315 0 s315 315 630 0 s315 -315 630 0 s630 630 1260 0");
  }
}
.star:nth-child(85) {
  height: 4vmin;
  width: 4vmin;
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
  background: #ffdc66;
  offset-path: path("m0, 0 s93.5 -93.5 187 0 s187 187 374 0 s187 -187 374 0 s374 374 748 0");
  transform: translate(-100%, -50%) rotate(254deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(85) {
    offset-path: path("m0, 0 s255 -255 510 0 s510 510 1020 0 s510 -510 1020 0 s1020 1020 2040 0");
  }
}
.star:nth-child(86) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 8.6s;
          animation-delay: 8.6s;
  background: #ffd138;
  offset-path: path("m0, 0 s65.5 -65.5 131 0 s131 131 262 0 s131 -131 262 0 s262 262 524 0");
  transform: translate(-100%, -50%) rotate(91deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(86) {
    offset-path: path("m0, 0 s262.5 -262.5 525 0 s525 525 1050 0 s525 -525 1050 0 s1050 1050 2100 0");
  }
}
.star:nth-child(87) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
  background: #ffc60a;
  offset-path: path("m0, 0 s73.5 -73.5 147 0 s147 147 294 0 s147 -147 294 0 s294 294 588 0");
  transform: translate(-100%, -50%) rotate(241deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(87) {
    offset-path: path("m0, 0 s234 -234 468 0 s468 468 936 0 s468 -468 936 0 s936 936 1872 0");
  }
}
.star:nth-child(88) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 8.8s;
          animation-delay: 8.8s;
  background: #ffc60a;
  offset-path: path("m0, 0 s70 -70 140 0 s140 140 280 0 s140 -140 280 0 s280 280 560 0");
  transform: translate(-100%, -50%) rotate(331deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(88) {
    offset-path: path("m0, 0 s261.5 -261.5 523 0 s523 523 1046 0 s523 -523 1046 0 s1046 1046 2092 0");
  }
}
.star:nth-child(89) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 8.9s;
          animation-delay: 8.9s;
  background: #ffc914;
  offset-path: path("m0, 0 s95 -95 190 0 s190 190 380 0 s190 -190 380 0 s380 380 760 0");
  transform: translate(-100%, -50%) rotate(195deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(89) {
    offset-path: path("m0, 0 s268 -268 536 0 s536 536 1072 0 s536 -536 1072 0 s1072 1072 2144 0");
  }
}
.star:nth-child(90) {
  height: 5vmin;
  width: 5vmin;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  background: #ffcf2e;
  offset-path: path("m0, 0 s98.5 -98.5 197 0 s197 197 394 0 s197 -197 394 0 s394 394 788 0");
  transform: translate(-100%, -50%) rotate(323deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(90) {
    offset-path: path("m0, 0 s280 -280 560 0 s560 560 1120 0 s560 -560 1120 0 s1120 1120 2240 0");
  }
}
.star:nth-child(91) {
  height: 3vmin;
  width: 3vmin;
  -webkit-animation-delay: 9.1s;
          animation-delay: 9.1s;
  background: #ffd033;
  offset-path: path("m0, 0 s73 -73 146 0 s146 146 292 0 s146 -146 292 0 s292 292 584 0");
  transform: translate(-100%, -50%) rotate(232deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(91) {
    offset-path: path("m0, 0 s214 -214 428 0 s428 428 856 0 s428 -428 856 0 s856 856 1712 0");
  }
}
.star:nth-child(92) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s;
  background: #ffdc66;
  offset-path: path("m0, 0 s61 -61 122 0 s122 122 244 0 s122 -122 244 0 s244 244 488 0");
  transform: translate(-100%, -50%) rotate(274deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(92) {
    offset-path: path("m0, 0 s185.5 -185.5 371 0 s371 371 742 0 s371 -371 742 0 s742 742 1484 0");
  }
}
.star:nth-child(93) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s;
  background: #ffd95c;
  offset-path: path("m0, 0 s73.5 -73.5 147 0 s147 147 294 0 s147 -147 294 0 s294 294 588 0");
  transform: translate(-100%, -50%) rotate(346deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(93) {
    offset-path: path("m0, 0 s228.5 -228.5 457 0 s457 457 914 0 s457 -457 914 0 s914 914 1828 0");
  }
}
.star:nth-child(94) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 9.4s;
          animation-delay: 9.4s;
  background: #ffd64d;
  offset-path: path("m0, 0 s61.5 -61.5 123 0 s123 123 246 0 s123 -123 246 0 s246 246 492 0");
  transform: translate(-100%, -50%) rotate(63deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(94) {
    offset-path: path("m0, 0 s157 -157 314 0 s314 314 628 0 s314 -314 628 0 s628 628 1256 0");
  }
}
.star:nth-child(95) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
  background: #ffdd6b;
  offset-path: path("m0, 0 s68.5 -68.5 137 0 s137 137 274 0 s137 -137 274 0 s274 274 548 0");
  transform: translate(-100%, -50%) rotate(191deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(95) {
    offset-path: path("m0, 0 s273 -273 546 0 s546 546 1092 0 s546 -546 1092 0 s1092 1092 2184 0");
  }
}
.star:nth-child(96) {
  height: 1vmin;
  width: 1vmin;
  -webkit-animation-delay: 9.6s;
          animation-delay: 9.6s;
  background: #ffcc24;
  offset-path: path("m0, 0 s68.5 -68.5 137 0 s137 137 274 0 s137 -137 274 0 s274 274 548 0");
  transform: translate(-100%, -50%) rotate(255deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(96) {
    offset-path: path("m0, 0 s207.5 -207.5 415 0 s415 415 830 0 s415 -415 830 0 s830 830 1660 0");
  }
}
.star:nth-child(97) {
  height: 9vmin;
  width: 9vmin;
  -webkit-animation-delay: 9.7s;
          animation-delay: 9.7s;
  background: #ffd138;
  offset-path: path("m0, 0 s90 -90 180 0 s180 180 360 0 s180 -180 360 0 s360 360 720 0");
  transform: translate(-100%, -50%) rotate(208deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(97) {
    offset-path: path("m0, 0 s299 -299 598 0 s598 598 1196 0 s598 -598 1196 0 s1196 1196 2392 0");
  }
}
.star:nth-child(98) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s;
  background: #ffde70;
  offset-path: path("m0, 0 s81 -81 162 0 s162 162 324 0 s162 -162 324 0 s324 324 648 0");
  transform: translate(-100%, -50%) rotate(41deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(98) {
    offset-path: path("m0, 0 s295 -295 590 0 s590 590 1180 0 s590 -590 1180 0 s1180 1180 2360 0");
  }
}
.star:nth-child(99) {
  height: 2vmin;
  width: 2vmin;
  -webkit-animation-delay: 9.9s;
          animation-delay: 9.9s;
  background: #ffd95c;
  offset-path: path("m0, 0 s64 -64 128 0 s128 128 256 0 s128 -128 256 0 s256 256 512 0");
  transform: translate(-100%, -50%) rotate(212deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(99) {
    offset-path: path("m0, 0 s229 -229 458 0 s458 458 916 0 s458 -458 916 0 s916 916 1832 0");
  }
}
.star:nth-child(100) {
  height: 6vmin;
  width: 6vmin;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  background: #ffde70;
  offset-path: path("m0, 0 s86.5 -86.5 173 0 s173 173 346 0 s173 -173 346 0 s346 346 692 0");
  transform: translate(-100%, -50%) rotate(105deg) scale(1);
}
@media (min-width: 500px) {
  .star:nth-child(100) {
    offset-path: path("m0, 0 s279.5 -279.5 559 0 s559 559 1118 0 s559 -559 1118 0 s1118 1118 2236 0");
  }
}

@-webkit-keyframes path-offset {
  100% {
    offset-distance: 100%;
  }
}

@keyframes path-offset {
  100% {
    offset-distance: 100%;
  }
}
@-webkit-keyframes star-power {
  10%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-100%, -50%) rotate(0) scale(0);
  }
}
@keyframes star-power {
  10%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-100%, -50%) rotate(0) scale(0);
  }
}
/* ================
// Heading
// ============= */
h5 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  font-size: 10vmin;
  font-weight: normal;
  transform: translate(-50%, -50%);
}

/* ================
// Structure
// ============= */
.star-box-wrap {
  position: relative;
  height: 500px;
  font-family: 'Sacramento', cursive;
  color: #fff;
  text-align: center;
  overflow: hidden;
  z-index: 999;
}

.star-background {
  height: 100%;
  background: radial-gradient(ellipse at center, #051838, #0a093b 100%);
}