body {
  background: #020024;
  background: linear-gradient(180deg, #020024 0%, #090979 35%, #005dff 100%);
  height: 100%;
  overflow: hidden;
  width: 100%; }
  body > .star {
    background-color: white;
    position: absolute;
    height: 2px;
    width: 2px;
    animation: 5s flicker ease-in-out infinite; }
    body > .star:nth-child(1) {
      animation-delay: 2495ms;
      top: 17%;
      left: 62%; }
    body > .star:nth-child(2) {
      animation-delay: 1928ms;
      top: 73%;
      left: 87%; }
    body > .star:nth-child(3) {
      animation-delay: 840ms;
      top: 82%;
      left: 79%; }
    body > .star:nth-child(4) {
      animation-delay: 2238ms;
      top: 8%;
      left: 44%; }
    body > .star:nth-child(5) {
      animation-delay: 510ms;
      top: 96%;
      left: 55%; }
    body > .star:nth-child(6) {
      animation-delay: 1941ms;
      top: 89%;
      left: 44%; }
    body > .star:nth-child(7) {
      animation-delay: 2244ms;
      top: 80%;
      left: 6%; }
    body > .star:nth-child(8) {
      animation-delay: 406ms;
      top: 41%;
      left: 47%; }
    body > .star:nth-child(9) {
      animation-delay: 2603ms;
      top: 74%;
      left: 12%; }
    body > .star:nth-child(10) {
      animation-delay: 2524ms;
      top: 60%;
      left: 88%; }
    body > .star:nth-child(11) {
      animation-delay: 2236ms;
      top: 43%;
      left: 72%; }
    body > .star:nth-child(12) {
      animation-delay: 1783ms;
      top: 45%;
      left: 77%; }
    body > .star:nth-child(13) {
      animation-delay: 2848ms;
      top: 63%;
      left: 40%; }
    body > .star:nth-child(14) {
      animation-delay: 2654ms;
      top: 7%;
      left: 22%; }
    body > .star:nth-child(15) {
      animation-delay: 2204ms;
      top: 77%;
      left: 81%; }
    body > .star:nth-child(16) {
      animation-delay: 1351ms;
      top: 93%;
      left: 81%; }
    body > .star:nth-child(17) {
      animation-delay: 2357ms;
      top: 1%;
      left: 92%; }
    body > .star:nth-child(18) {
      animation-delay: 541ms;
      top: 25%;
      left: 72%; }
    body > .star:nth-child(19) {
      animation-delay: 2214ms;
      top: 40%;
      left: 61%; }
    body > .star:nth-child(20) {
      animation-delay: 2658ms;
      top: 25%;
      left: 96%; }
    body > .star:nth-child(21) {
      animation-delay: 664ms;
      top: 44%;
      left: 69%; }
    body > .star:nth-child(22) {
      animation-delay: 277ms;
      top: 81%;
      left: 95%; }
    body > .star:nth-child(23) {
      animation-delay: 1057ms;
      top: 82%;
      left: 68%; }
    body > .star:nth-child(24) {
      animation-delay: 2499ms;
      top: 57%;
      left: 12%; }
    body > .star:nth-child(25) {
      animation-delay: 721ms;
      top: 58%;
      left: 90%; }
    body > .star:nth-child(26) {
      animation-delay: 545ms;
      top: 79%;
      left: 71%; }
    body > .star:nth-child(27) {
      animation-delay: 1685ms;
      top: 47%;
      left: 24%; }
    body > .star:nth-child(28) {
      animation-delay: 2219ms;
      top: 65%;
      left: 1%; }
    body > .star:nth-child(29) {
      animation-delay: 268ms;
      top: 39%;
      left: 35%; }
    body > .star:nth-child(30) {
      animation-delay: 1360ms;
      top: 17%;
      left: 54%; }
    body > .star:nth-child(31) {
      animation-delay: 1075ms;
      top: 47%;
      left: 83%; }
    body > .star:nth-child(32) {
      animation-delay: 894ms;
      top: 81%;
      left: 93%; }
    body > .star:nth-child(33) {
      animation-delay: 1737ms;
      top: 12%;
      left: 13%; }
    body > .star:nth-child(34) {
      animation-delay: 494ms;
      top: 83%;
      left: 66%; }
    body > .star:nth-child(35) {
      animation-delay: 2458ms;
      top: 98%;
      left: 60%; }
    body > .star:nth-child(36) {
      animation-delay: 122ms;
      top: 39%;
      left: 43%; }
    body > .star:nth-child(37) {
      animation-delay: 863ms;
      top: 5%;
      left: 31%; }
    body > .star:nth-child(38) {
      animation-delay: 1213ms;
      top: 55%;
      left: 82%; }
    body > .star:nth-child(39) {
      animation-delay: 2989ms;
      top: 82%;
      left: 61%; }
    body > .star:nth-child(40) {
      animation-delay: 139ms;
      top: 95%;
      left: 14%; }
    body > .star:nth-child(41) {
      animation-delay: 1484ms;
      top: 94%;
      left: 28%; }
    body > .star:nth-child(42) {
      animation-delay: 126ms;
      top: 53%;
      left: 27%; }
    body > .star:nth-child(43) {
      animation-delay: 1319ms;
      top: 52%;
      left: 10%; }
    body > .star:nth-child(44) {
      animation-delay: 2928ms;
      top: 59%;
      left: 55%; }
    body > .star:nth-child(45) {
      animation-delay: 2637ms;
      top: 31%;
      left: 43%; }
    body > .star:nth-child(46) {
      animation-delay: 1259ms;
      top: 76%;
      left: 25%; }
    body > .star:nth-child(47) {
      animation-delay: 1336ms;
      top: 90%;
      left: 99%; }
    body > .star:nth-child(48) {
      animation-delay: 2874ms;
      top: 70%;
      left: 36%; }
    body > .star:nth-child(49) {
      animation-delay: 33ms;
      top: 92%;
      left: 63%; }
    body > .star:nth-child(50) {
      animation-delay: 314ms;
      top: 86%;
      left: 100%; }
    body > .star:nth-child(51) {
      animation-delay: 1436ms;
      top: 78%;
      left: 49%; }
    body > .star:nth-child(52) {
      animation-delay: 1912ms;
      top: 28%;
      left: 57%; }
    body > .star:nth-child(53) {
      animation-delay: 1707ms;
      top: 49%;
      left: 55%; }
    body > .star:nth-child(54) {
      animation-delay: 993ms;
      top: 73%;
      left: 30%; }
    body > .star:nth-child(55) {
      animation-delay: 571ms;
      top: 41%;
      left: 19%; }
    body > .star:nth-child(56) {
      animation-delay: 139ms;
      top: 66%;
      left: 21%; }
    body > .star:nth-child(57) {
      animation-delay: 1071ms;
      top: 66%;
      left: 38%; }
    body > .star:nth-child(58) {
      animation-delay: 757ms;
      top: 50%;
      left: 47%; }
    body > .star:nth-child(59) {
      animation-delay: 1854ms;
      top: 21%;
      left: 97%; }
    body > .star:nth-child(60) {
      animation-delay: 1191ms;
      top: 34%;
      left: 35%; }
    body > .star:nth-child(61) {
      animation-delay: 1794ms;
      top: 4%;
      left: 6%; }
    body > .star:nth-child(62) {
      animation-delay: 1372ms;
      top: 35%;
      left: 94%; }
    body > .star:nth-child(63) {
      animation-delay: 2405ms;
      top: 89%;
      left: 6%; }
    body > .star:nth-child(64) {
      animation-delay: 2723ms;
      top: 76%;
      left: 66%; }
    body > .star:nth-child(65) {
      animation-delay: 2567ms;
      top: 8%;
      left: 38%; }
    body > .star:nth-child(66) {
      animation-delay: 147ms;
      top: 12%;
      left: 39%; }
    body > .star:nth-child(67) {
      animation-delay: 1167ms;
      top: 58%;
      left: 59%; }
    body > .star:nth-child(68) {
      animation-delay: 2483ms;
      top: 32%;
      left: 87%; }
    body > .star:nth-child(69) {
      animation-delay: 1583ms;
      top: 76%;
      left: 45%; }
    body > .star:nth-child(70) {
      animation-delay: 1500ms;
      top: 46%;
      left: 3%; }
    body > .star:nth-child(71) {
      animation-delay: 2016ms;
      top: 45%;
      left: 12%; }
    body > .star:nth-child(72) {
      animation-delay: 2950ms;
      top: 18%;
      left: 90%; }
    body > .star:nth-child(73) {
      animation-delay: 1611ms;
      top: 65%;
      left: 18%; }
    body > .star:nth-child(74) {
      animation-delay: 1914ms;
      top: 68%;
      left: 92%; }
    body > .star:nth-child(75) {
      animation-delay: 1630ms;
      top: 14%;
      left: 55%; }
    body > .star:nth-child(76) {
      animation-delay: 24ms;
      top: 70%;
      left: 81%; }
    body > .star:nth-child(77) {
      animation-delay: 1272ms;
      top: 17%;
      left: 6%; }
    body > .star:nth-child(78) {
      animation-delay: 1977ms;
      top: 12%;
      left: 19%; }
    body > .star:nth-child(79) {
      animation-delay: 2326ms;
      top: 74%;
      left: 87%; }
    body > .star:nth-child(80) {
      animation-delay: 1926ms;
      top: 55%;
      left: 23%; }
    body > .star:nth-child(81) {
      animation-delay: 242ms;
      top: 97%;
      left: 91%; }
    body > .star:nth-child(82) {
      animation-delay: 2886ms;
      top: 30%;
      left: 61%; }
    body > .star:nth-child(83) {
      animation-delay: 1294ms;
      top: 79%;
      left: 2%; }
    body > .star:nth-child(84) {
      animation-delay: 2290ms;
      top: 68%;
      left: 100%; }
    body > .star:nth-child(85) {
      animation-delay: 406ms;
      top: 57%;
      left: 22%; }
    body > .star:nth-child(86) {
      animation-delay: 2542ms;
      top: 77%;
      left: 75%; }
    body > .star:nth-child(87) {
      animation-delay: 2926ms;
      top: 69%;
      left: 18%; }
    body > .star:nth-child(88) {
      animation-delay: 712ms;
      top: 77%;
      left: 37%; }
    body > .star:nth-child(89) {
      animation-delay: 2674ms;
      top: 70%;
      left: 86%; }
    body > .star:nth-child(90) {
      animation-delay: 1139ms;
      top: 74%;
      left: 49%; }
    body > .star:nth-child(91) {
      animation-delay: 2036ms;
      top: 91%;
      left: 43%; }
    body > .star:nth-child(92) {
      animation-delay: 1468ms;
      top: 21%;
      left: 81%; }
    body > .star:nth-child(93) {
      animation-delay: 961ms;
      top: 45%;
      left: 1%; }
    body > .star:nth-child(94) {
      animation-delay: 2394ms;
      top: 63%;
      left: 52%; }
    body > .star:nth-child(95) {
      animation-delay: 2619ms;
      top: 29%;
      left: 34%; }
    body > .star:nth-child(96) {
      animation-delay: 832ms;
      top: 93%;
      left: 2%; }
    body > .star:nth-child(97) {
      animation-delay: 2530ms;
      top: 15%;
      left: 44%; }
    body > .star:nth-child(98) {
      animation-delay: 865ms;
      top: 27%;
      left: 65%; }
    body > .star:nth-child(99) {
      animation-delay: 2076ms;
      top: 1%;
      left: 49%; }
    body > .star:nth-child(100) {
      animation-delay: 1165ms;
      top: 13%;
      left: 66%; }
  body .wrapper {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%; }
    body .wrapper > .rocket-wrapper {
      position: absolute;
      top: 0;
      left: 0; }
      body .wrapper > .rocket-wrapper .rocket {
        opacity: 0;
        background: white;
        width: 4px;
        height: 8px;
        position: absolute;
        left: calc(50% - 1px);
        top: calc(50% - 2px);
        animation: 4s fly ease-in infinite;
        animation-delay: var(--rocket-delay); }
      body .wrapper > .rocket-wrapper .blow {
        position: absolute;
        border: 1px solid white;
        border-radius: 50%;
        animation: 4s blow ease-out infinite;
        animation-delay: var(--rocket-delay); }
      body .wrapper > .rocket-wrapper .particle-wrapper > .particle {
        opacity: 0;
        border-radius: 50%;
        position: absolute;
        top: -50px;
        left: -50px;
        width: 100px;
        height: 100px;
        background-color: #fff;
        mix-blend-mode: lighten; }
      @media (max-width: 479px) {
        body .wrapper > .rocket-wrapper:not(:nth-child(1)) {
          display: none; } }
      @media (min-width: 480px) {
        body .wrapper > .rocket-wrapper:nth-child(1) {
          --rocket-delay: 0s;
          transform: translate(calc(16.66667vw - 50vw), 0); } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(1) {
        background: #ffcf40;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-1 ease infinite; }

@keyframes boom-1-1 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  55% {
    opacity: 1;
    transform: translate(-64px, 128px) scale(0.05); }
  75% {
    transform: translate(-64px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(2) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-2 ease infinite; }

@keyframes boom-1-2 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  51% {
    opacity: 1;
    transform: translate(-64px, 112px) scale(0.05); }
  71% {
    transform: translate(-64px, 112px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 112px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(3) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-3 ease infinite; }

@keyframes boom-1-3 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  46% {
    opacity: 1;
    transform: translate(-64px, 96px) scale(0.05); }
  66% {
    transform: translate(-64px, 96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(4) {
        background: #ffbf00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-4 ease infinite; }

@keyframes boom-1-4 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(-64px, 80px) scale(0.05); }
  73% {
    transform: translate(-64px, 80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(5) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-5 ease infinite; }

@keyframes boom-1-5 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(-64px, 64px) scale(0.05); }
  73% {
    transform: translate(-64px, 64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(6) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-6 ease infinite; }

@keyframes boom-1-6 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  60% {
    opacity: 1;
    transform: translate(-64px, 48px) scale(0.05); }
  80% {
    transform: translate(-64px, 48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(7) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-7 ease infinite; }

@keyframes boom-1-7 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(-64px, 32px) scale(0.05); }
  78% {
    transform: translate(-64px, 32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(8) {
        background: #ffcf40;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-8 ease infinite; }

@keyframes boom-1-8 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  41% {
    opacity: 1;
    transform: translate(-64px, 16px) scale(0.05); }
  61% {
    transform: translate(-64px, 16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(9) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-9 ease infinite; }

@keyframes boom-1-9 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  49% {
    opacity: 1;
    transform: translate(-64px, 0px) scale(0.05); }
  69% {
    transform: translate(-64px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(10) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-10 ease infinite; }

@keyframes boom-1-10 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(-64px, -16px) scale(0.05); }
  67% {
    transform: translate(-64px, -16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(11) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-11 ease infinite; }

@keyframes boom-1-11 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(-64px, -32px) scale(0.05); }
  67% {
    transform: translate(-64px, -32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(12) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-12 ease infinite; }

@keyframes boom-1-12 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(-64px, -48px) scale(0.05); }
  78% {
    transform: translate(-64px, -48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(13) {
        background: #ffbf00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-13 ease infinite; }

@keyframes boom-1-13 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  46% {
    opacity: 1;
    transform: translate(-64px, -64px) scale(0.05); }
  66% {
    transform: translate(-64px, -64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(14) {
        background: #ffbf00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-14 ease infinite; }

@keyframes boom-1-14 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(-64px, -80px) scale(0.05); }
  73% {
    transform: translate(-64px, -80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(15) {
        background: #ffcf40;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-15 ease infinite; }

@keyframes boom-1-15 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  48% {
    opacity: 1;
    transform: translate(-64px, -96px) scale(0.05); }
  68% {
    transform: translate(-64px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(16) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-16 ease infinite; }

@keyframes boom-1-16 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(-64px, -112px) scale(0.05); }
  73% {
    transform: translate(-64px, -112px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -112px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(17) {
        background: #ffbf00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-17 ease infinite; }

@keyframes boom-1-17 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  44% {
    opacity: 1;
    transform: translate(-64px, -112px) scale(0.05); }
  64% {
    transform: translate(-64px, -112px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -112px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(18) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-18 ease infinite; }

@keyframes boom-1-18 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  49% {
    opacity: 1;
    transform: translate(-48px, 128px) scale(0.05); }
  69% {
    transform: translate(-48px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(19) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-19 ease infinite; }

@keyframes boom-1-19 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  52% {
    opacity: 1;
    transform: translate(-32px, 128px) scale(0.05); }
  72% {
    transform: translate(-32px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-32px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(20) {
        background: #ffbf00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-20 ease infinite; }

@keyframes boom-1-20 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  54% {
    opacity: 1;
    transform: translate(-16px, 128px) scale(0.05); }
  74% {
    transform: translate(-16px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-16px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(21) {
        background: #ffdc73;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-21 ease infinite; }

@keyframes boom-1-21 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(0px, 128px) scale(0.05); }
  78% {
    transform: translate(0px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(22) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-22 ease infinite; }

@keyframes boom-1-22 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  46% {
    opacity: 1;
    transform: translate(16px, 128px) scale(0.05); }
  66% {
    transform: translate(16px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(16px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(23) {
        background: #ffcf40;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-23 ease infinite; }

@keyframes boom-1-23 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  59% {
    opacity: 1;
    transform: translate(32px, 128px) scale(0.05); }
  79% {
    transform: translate(32px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(32px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(24) {
        background: #ffcf40;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-24 ease infinite; }

@keyframes boom-1-24 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  59% {
    opacity: 1;
    transform: translate(48px, 128px) scale(0.05); }
  79% {
    transform: translate(48px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 128px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(1) > .particle-wrapper > .particle:nth-child(25) {
        background: #a67c00;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-1-25 ease infinite; }

@keyframes boom-1-25 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(64px, 128px) scale(0.05); }
  73% {
    transform: translate(64px, 128px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(64px, 128px) scale(0.8);
    opacity: 0; } }
      @media (max-width: 479px) {
        body .wrapper > .rocket-wrapper:not(:nth-child(1)) {
          display: none; } }
      @media (min-width: 480px) {
        body .wrapper > .rocket-wrapper:nth-child(2) {
          --rocket-delay: 1.33333s;
          transform: translate(calc(50vw - 50vw), 0); } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(1) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-1 ease infinite; }

@keyframes boom-2-1 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  42% {
    opacity: 1;
    transform: translate(-96px, -96px) scale(0.05); }
  62% {
    transform: translate(-96px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-96px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(2) {
        background: #ff7b7b;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-2 ease infinite; }

@keyframes boom-2-2 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  49% {
    opacity: 1;
    transform: translate(-80px, -96px) scale(0.05); }
  69% {
    transform: translate(-80px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-80px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(3) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-3 ease infinite; }

@keyframes boom-2-3 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  57% {
    opacity: 1;
    transform: translate(-64px, -96px) scale(0.05); }
  77% {
    transform: translate(-64px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-64px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(4) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-4 ease infinite; }

@keyframes boom-2-4 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(-48px, -96px) scale(0.05); }
  67% {
    transform: translate(-48px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(5) {
        background: #ff0000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-5 ease infinite; }

@keyframes boom-2-5 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  57% {
    opacity: 1;
    transform: translate(-32px, -96px) scale(0.05); }
  77% {
    transform: translate(-32px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-32px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(6) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-6 ease infinite; }

@keyframes boom-2-6 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  50% {
    opacity: 1;
    transform: translate(-16px, -96px) scale(0.05); }
  70% {
    transform: translate(-16px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-16px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(7) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-7 ease infinite; }

@keyframes boom-2-7 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  51% {
    opacity: 1;
    transform: translate(0px, -96px) scale(0.05); }
  71% {
    transform: translate(0px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(8) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-8 ease infinite; }

@keyframes boom-2-8 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  59% {
    opacity: 1;
    transform: translate(96px, -96px) scale(0.05); }
  79% {
    transform: translate(96px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(96px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(9) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-9 ease infinite; }

@keyframes boom-2-9 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  41% {
    opacity: 1;
    transform: translate(80px, -96px) scale(0.05); }
  61% {
    transform: translate(80px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(80px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(10) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-10 ease infinite; }

@keyframes boom-2-10 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  51% {
    opacity: 1;
    transform: translate(64px, -96px) scale(0.05); }
  71% {
    transform: translate(64px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(64px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(11) {
        background: #ff0000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-11 ease infinite; }

@keyframes boom-2-11 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(48px, -96px) scale(0.05); }
  73% {
    transform: translate(48px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(12) {
        background: #ff0000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-12 ease infinite; }

@keyframes boom-2-12 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  44% {
    opacity: 1;
    transform: translate(32px, -96px) scale(0.05); }
  64% {
    transform: translate(32px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(32px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(13) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-13 ease infinite; }

@keyframes boom-2-13 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  42% {
    opacity: 1;
    transform: translate(16px, -96px) scale(0.05); }
  62% {
    transform: translate(16px, -96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(16px, -96px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(14) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-14 ease infinite; }

@keyframes boom-2-14 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  45% {
    opacity: 1;
    transform: translate(0px, -80px) scale(0.05); }
  65% {
    transform: translate(0px, -80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(15) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-15 ease infinite; }

@keyframes boom-2-15 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(0px, -64px) scale(0.05); }
  67% {
    transform: translate(0px, -64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(16) {
        background: #ff0000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-16 ease infinite; }

@keyframes boom-2-16 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(0px, -48px) scale(0.05); }
  67% {
    transform: translate(0px, -48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(17) {
        background: #ff0000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-17 ease infinite; }

@keyframes boom-2-17 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(0px, -32px) scale(0.05); }
  78% {
    transform: translate(0px, -32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(18) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-18 ease infinite; }

@keyframes boom-2-18 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  45% {
    opacity: 1;
    transform: translate(0px, -16px) scale(0.05); }
  65% {
    transform: translate(0px, -16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, -16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(19) {
        background: #ff7b7b;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-19 ease infinite; }

@keyframes boom-2-19 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  51% {
    opacity: 1;
    transform: translate(0px, 0px) scale(0.05); }
  71% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(20) {
        background: #ff7b7b;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-20 ease infinite; }

@keyframes boom-2-20 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(0px, 16px) scale(0.05); }
  67% {
    transform: translate(0px, 16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(21) {
        background: #ffbaba;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-21 ease infinite; }

@keyframes boom-2-21 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  56% {
    opacity: 1;
    transform: translate(0px, 32px) scale(0.05); }
  76% {
    transform: translate(0px, 32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(22) {
        background: #a70000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-22 ease infinite; }

@keyframes boom-2-22 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  43% {
    opacity: 1;
    transform: translate(0px, 48px) scale(0.05); }
  63% {
    transform: translate(0px, 48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(23) {
        background: #a70000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-23 ease infinite; }

@keyframes boom-2-23 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  42% {
    opacity: 1;
    transform: translate(0px, 64px) scale(0.05); }
  62% {
    transform: translate(0px, 64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(24) {
        background: #a70000;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-24 ease infinite; }

@keyframes boom-2-24 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  47% {
    opacity: 1;
    transform: translate(0px, 80px) scale(0.05); }
  67% {
    transform: translate(0px, 80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(2) > .particle-wrapper > .particle:nth-child(25) {
        background: #ff5252;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-2-25 ease infinite; }

@keyframes boom-2-25 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  57% {
    opacity: 1;
    transform: translate(0px, 96px) scale(0.05); }
  77% {
    transform: translate(0px, 96px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 96px) scale(0.8);
    opacity: 0; } }
      @media (max-width: 479px) {
        body .wrapper > .rocket-wrapper:not(:nth-child(1)) {
          display: none; } }
      @media (min-width: 480px) {
        body .wrapper > .rocket-wrapper:nth-child(3) {
          --rocket-delay: 2.66667s;
          transform: translate(calc(83.33333vw - 50vw), 0); } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(1) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-1 ease infinite; }

@keyframes boom-3-1 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  50% {
    opacity: 1;
    transform: translate(-48px, 80px) scale(0.05); }
  70% {
    transform: translate(-48px, 80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(2) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-2 ease infinite; }

@keyframes boom-3-2 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  48% {
    opacity: 1;
    transform: translate(-48px, 64px) scale(0.05); }
  68% {
    transform: translate(-48px, 64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(3) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-3 ease infinite; }

@keyframes boom-3-3 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  48% {
    opacity: 1;
    transform: translate(-48px, 48px) scale(0.05); }
  68% {
    transform: translate(-48px, 48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(4) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-4 ease infinite; }

@keyframes boom-3-4 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(-48px, 32px) scale(0.05); }
  78% {
    transform: translate(-48px, 32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(5) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-5 ease infinite; }

@keyframes boom-3-5 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  44% {
    opacity: 1;
    transform: translate(-48px, 16px) scale(0.05); }
  64% {
    transform: translate(-48px, 16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(6) {
        background: #fffb96;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-6 ease infinite; }

@keyframes boom-3-6 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  43% {
    opacity: 1;
    transform: translate(-48px, 0px) scale(0.05); }
  63% {
    transform: translate(-48px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(7) {
        background: #ff71ce;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-7 ease infinite; }

@keyframes boom-3-7 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  41% {
    opacity: 1;
    transform: translate(-48px, -16px) scale(0.05); }
  61% {
    transform: translate(-48px, -16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, -16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(8) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-8 ease infinite; }

@keyframes boom-3-8 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(-48px, -32px) scale(0.05); }
  78% {
    transform: translate(-48px, -32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, -32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(9) {
        background: #01cdfe;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-9 ease infinite; }

@keyframes boom-3-9 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  46% {
    opacity: 1;
    transform: translate(-48px, -48px) scale(0.05); }
  66% {
    transform: translate(-48px, -48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, -48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(10) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-10 ease infinite; }

@keyframes boom-3-10 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  52% {
    opacity: 1;
    transform: translate(-48px, -64px) scale(0.05); }
  72% {
    transform: translate(-48px, -64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-48px, -64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(11) {
        background: #ff71ce;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-11 ease infinite; }

@keyframes boom-3-11 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  54% {
    opacity: 1;
    transform: translate(48px, 80px) scale(0.05); }
  74% {
    transform: translate(48px, 80px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 80px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(12) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-12 ease infinite; }

@keyframes boom-3-12 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  53% {
    opacity: 1;
    transform: translate(48px, 64px) scale(0.05); }
  73% {
    transform: translate(48px, 64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(13) {
        background: #fffb96;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-13 ease infinite; }

@keyframes boom-3-13 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  42% {
    opacity: 1;
    transform: translate(48px, 48px) scale(0.05); }
  62% {
    transform: translate(48px, 48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(14) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-14 ease infinite; }

@keyframes boom-3-14 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  57% {
    opacity: 1;
    transform: translate(48px, 32px) scale(0.05); }
  77% {
    transform: translate(48px, 32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(15) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-15 ease infinite; }

@keyframes boom-3-15 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  46% {
    opacity: 1;
    transform: translate(48px, 16px) scale(0.05); }
  66% {
    transform: translate(48px, 16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(16) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-16 ease infinite; }

@keyframes boom-3-16 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  56% {
    opacity: 1;
    transform: translate(48px, 0px) scale(0.05); }
  76% {
    transform: translate(48px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(17) {
        background: #ff71ce;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-17 ease infinite; }

@keyframes boom-3-17 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  45% {
    opacity: 1;
    transform: translate(48px, -16px) scale(0.05); }
  65% {
    transform: translate(48px, -16px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, -16px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(18) {
        background: #01cdfe;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-18 ease infinite; }

@keyframes boom-3-18 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  59% {
    opacity: 1;
    transform: translate(48px, -32px) scale(0.05); }
  79% {
    transform: translate(48px, -32px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, -32px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(19) {
        background: #01cdfe;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-19 ease infinite; }

@keyframes boom-3-19 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  52% {
    opacity: 1;
    transform: translate(48px, -48px) scale(0.05); }
  72% {
    transform: translate(48px, -48px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, -48px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(20) {
        background: #b967ff;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-20 ease infinite; }

@keyframes boom-3-20 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  56% {
    opacity: 1;
    transform: translate(48px, -64px) scale(0.05); }
  76% {
    transform: translate(48px, -64px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(48px, -64px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(21) {
        background: #ff71ce;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-21 ease infinite; }

@keyframes boom-3-21 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  58% {
    opacity: 1;
    transform: translate(-32px, 0px) scale(0.05); }
  78% {
    transform: translate(-32px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-32px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(22) {
        background: #05ffa1;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-22 ease infinite; }

@keyframes boom-3-22 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  45% {
    opacity: 1;
    transform: translate(-16px, 0px) scale(0.05); }
  65% {
    transform: translate(-16px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-16px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(23) {
        background: #fffb96;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-23 ease infinite; }

@keyframes boom-3-23 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  50% {
    opacity: 1;
    transform: translate(0px, 0px) scale(0.05); }
  70% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(0px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(24) {
        background: #01cdfe;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-24 ease infinite; }

@keyframes boom-3-24 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  44% {
    opacity: 1;
    transform: translate(16px, 0px) scale(0.05); }
  64% {
    transform: translate(16px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(16px, 0px) scale(0.8);
    opacity: 0; } }
      body .wrapper > .rocket-wrapper:nth-child(3) > .particle-wrapper > .particle:nth-child(25) {
        background: #fffb96;
        animation-delay: var(--rocket-delay) !important;
        animation: 4s boom-3-25 ease infinite; }

@keyframes boom-3-25 {
  0%,
  25% {
    opacity: 0;
    transform: translate(-5px, -5px) scale(0); }
  41% {
    opacity: 1;
    transform: translate(32px, 0px) scale(0.05); }
  61% {
    transform: translate(32px, 0px) scale(1);
    opacity: 1; }
  100% {
    transform: translate(32px, 0px) scale(0.8);
    opacity: 0; } }

@keyframes flicker {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes fly {
  0% {
    transform: translateY(100vh);
    opacity: 1; }
  25% {
    transform: translateY(0);
    opacity: 1; }
  26%,
  100% {
    opacity: 0; } }

@keyframes blow {
  0%,
  25% {
    top: -1px;
    left: -1px;
    width: 2px;
    height: 2px;
    opacity: 0; }
  26% {
    top: -1px;
    left: -1px;
    width: 2px;
    height: 2px;
    opacity: 1; }
  50% {
    opacity: 1; }
  65%,
  100% {
    opacity: 0;
    top: -200px;
    left: -200px;
    width: 370px;
    height: 370px; } }