.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
  z-index: 9999;
}

.firefly::before,
.firefly::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}

.firefly::before {
  background: rgb(0, 0, 0);
  opacity: 0.4;
  animation: drift ease alternate infinite;
}

.firefly::after {
  background: rgb(190, 24, 24);
  opacity: 0;
  box-shadow: 0 0 0vw 0vw rgba(228, 186, 0, 0.863);
  animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
  animation-name: move1;
}

.firefly:nth-child(1)::before {
  animation-duration: 11s;
}

.firefly:nth-child(1)::after {
  animation-duration: 11s, 7717ms;
  animation-delay: 0ms, 7324ms;
}

@keyframes move1 {
  0% {
    transform: translateX(-21.39vw) translateY(2.45vh) scale(0.26);
  }

  5.56% {
    transform: translateX(33.05vw) translateY(32.02vh) scale(0.75);
  }

  11.11% {
    transform: translateX(-29.99vw) translateY(-2.21vh) scale(0.54);
  }

  16.67% {
    transform: translateX(43.06vw) translateY(23.1vh) scale(0.35);
  }

  22.22% {
    transform: translateX(34.07vw) translateY(-12.55vh) scale(0.86);
  }

  27.78% {
    transform: translateX(-36.91vw) translateY(19.93vh) scale(0.93);
  }

  33.33% {
    transform: translateX(28.25vw) translateY(-11.03vh) scale(0.82);
  }

  38.89% {
    transform: translateX(-49.9vw) translateY(-19.55vh) scale(0.86);
  }

  44.44% {
    transform: translateX(-40.07vw) translateY(22.96vh) scale(0.78);
  }

  50% {
    transform: translateX(23.79vw) translateY(8.15vh) scale(0.84);
  }

  55.56% {
    transform: translateX(27.32vw) translateY(-4.8vh) scale(0.3);
  }

  61.11% {
    transform: translateX(-6.61vw) translateY(-16.09vh) scale(0.55);
  }

  66.67% {
    transform: translateX(8.73vw) translateY(27.28vh) scale(0.96);
  }

  72.22% {
    transform: translateX(-32.19vw) translateY(23.72vh) scale(0.92);
  }

  77.78% {
    transform: translateX(-40.01vw) translateY(-23.53vh) scale(0.41);
  }

  83.33% {
    transform: translateX(-36.31vw) translateY(19.88vh) scale(0.85);
  }

  88.89% {
    transform: translateX(9.81vw) translateY(19.14vh) scale(0.56);
  }

  94.44% {
    transform: translateX(33.64vw) translateY(-23.76vh) scale(0.85);
  }

  100% {
    transform: translateX(12.58vw) translateY(5.76vh) scale(0.45);
  }
}

.firefly:nth-child(2) {
  animation-name: move2;
}

.firefly:nth-child(2)::before {
  animation-duration: 12s;
}

.firefly:nth-child(2)::after {
  animation-duration: 12s, 7312ms;
  animation-delay: 0ms, 4362ms;
}

@keyframes move2 {
  0% {
    transform: translateX(-37.1vw) translateY(-12.67vh) scale(0.72);
  }

  3.85% {
    transform: translateX(20.45vw) translateY(12.47vh) scale(0.7);
  }

  7.69% {
    transform: translateX(-15.66vw) translateY(-29.91vh) scale(0.59);
  }

  11.54% {
    transform: translateX(-41.02vw) translateY(-33.97vh) scale(0.47);
  }

  15.38% {
    transform: translateX(-9.06vw) translateY(-29.32vh) scale(0.26);
  }

  19.23% {
    transform: translateX(34.46vw) translateY(30.23vh) scale(0.68);
  }

  23.08% {
    transform: translateX(-42.06vw) translateY(-11.29vh) scale(0.89);
  }

  26.92% {
    transform: translateX(6.65vw) translateY(3.64vh) scale(0.86);
  }

  30.77% {
    transform: translateX(0.06vw) translateY(-31.55vh) scale(0.9);
  }

  34.62% {
    transform: translateX(-23.35vw) translateY(7.22vh) scale(0.89);
  }

  38.46% {
    transform: translateX(35.25vw) translateY(-49.41vh) scale(0.64);
  }

  42.31% {
    transform: translateX(19.65vw) translateY(-22.17vh) scale(0.74);
  }

  46.15% {
    transform: translateX(39.71vw) translateY(28.89vh) scale(0.68);
  }

  50% {
    transform: translateX(-42.93vw) translateY(-49.86vh) scale(0.86);
  }

  53.85% {
    transform: translateX(-16.29vw) translateY(-6.25vh) scale(0.83);
  }

  57.69% {
    transform: translateX(-28.4vw) translateY(27.12vh) scale(0.84);
  }

  61.54% {
    transform: translateX(-15.69vw) translateY(-13.08vh) scale(0.66);
  }

  65.38% {
    transform: translateX(41.19vw) translateY(33.88vh) scale(0.68);
  }

  69.23% {
    transform: translateX(-24.42vw) translateY(-38.16vh) scale(0.8);
  }

  73.08% {
    transform: translateX(-3.02vw) translateY(37.26vh) scale(0.32);
  }

  76.92% {
    transform: translateX(34.37vw) translateY(-31.4vh) scale(0.53);
  }

  80.77% {
    transform: translateX(9.16vw) translateY(-11vh) scale(0.94);
  }

  84.62% {
    transform: translateX(25.05vw) translateY(-26.62vh) scale(0.25);
  }

  88.46% {
    transform: translateX(-27.21vw) translateY(38.57vh) scale(0.7);
  }

  92.31% {
    transform: translateX(-26.15vw) translateY(48.34vh) scale(0.63);
  }

  96.15% {
    transform: translateX(19.72vw) translateY(-23.51vh) scale(0.38);
  }

  100% {
    transform: translateX(-40.31vw) translateY(-20.09vh) scale(0.35);
  }
}

.firefly:nth-child(3) {
  animation-name: move3;
}

.firefly:nth-child(3)::before {
  animation-duration: 11s;
}

.firefly:nth-child(3)::after {
  animation-duration: 11s, 7205ms;
  animation-delay: 0ms, 2187ms;
}

@keyframes move3 {
  0% {
    transform: translateX(14.83vw) translateY(38.35vh) scale(0.33);
  }

  5.56% {
    transform: translateX(-18.7vw) translateY(-27.41vh) scale(0.28);
  }

  11.11% {
    transform: translateX(21.76vw) translateY(-47.14vh) scale(0.56);
  }

  16.67% {
    transform: translateX(-5.04vw) translateY(22.54vh) scale(0.57);
  }

  22.22% {
    transform: translateX(33.3vw) translateY(36.5vh) scale(0.9);
  }

  27.78% {
    transform: translateX(-7.3vw) translateY(28.21vh) scale(0.58);
  }

  33.33% {
    transform: translateX(15.53vw) translateY(36.39vh) scale(0.37);
  }

  38.89% {
    transform: translateX(35.7vw) translateY(13.02vh) scale(0.79);
  }

  44.44% {
    transform: translateX(36.35vw) translateY(14.13vh) scale(0.57);
  }

  50% {
    transform: translateX(24.55vw) translateY(16.93vh) scale(0.62);
  }

  55.56% {
    transform: translateX(-17.28vw) translateY(15.57vh) scale(0.44);
  }

  61.11% {
    transform: translateX(41.74vw) translateY(-32.5vh) scale(0.84);
  }

  66.67% {
    transform: translateX(-35.97vw) translateY(0.95vh) scale(0.48);
  }

  72.22% {
    transform: translateX(-33.26vw) translateY(0.96vh) scale(0.45);
  }

  77.78% {
    transform: translateX(34.55vw) translateY(21.61vh) scale(0.31);
  }

  83.33% {
    transform: translateX(-23.09vw) translateY(-27.23vh) scale(0.9);
  }

  88.89% {
    transform: translateX(-46.4vw) translateY(26.68vh) scale(0.28);
  }

  94.44% {
    transform: translateX(-3.55vw) translateY(-42.68vh) scale(0.35);
  }

  100% {
    transform: translateX(2.2vw) translateY(-48.46vh) scale(0.6);
  }
}

.firefly:nth-child(4) {
  animation-name: move4;
}

.firefly:nth-child(4)::before {
  animation-duration: 10s;
}

.firefly:nth-child(4)::after {
  animation-duration: 10s, 9053ms;
  animation-delay: 0ms, 7929ms;
}

@keyframes move4 {
  0% {
    transform: translateX(-27.71vw) translateY(-13.25vh) scale(0.38);
  }

  5.26% {
    transform: translateX(29.62vw) translateY(-49.15vh) scale(0.74);
  }

  10.53% {
    transform: translateX(-25.48vw) translateY(-46.11vh) scale(0.48);
  }

  15.79% {
    transform: translateX(38.97vw) translateY(-34.54vh) scale(0.89);
  }

  21.05% {
    transform: translateX(32.01vw) translateY(36.57vh) scale(0.75);
  }

  26.32% {
    transform: translateX(-23.8vw) translateY(-17.79vh) scale(0.67);
  }

  31.58% {
    transform: translateX(-18.1vw) translateY(-26.02vh) scale(0.99);
  }

  36.84% {
    transform: translateX(44.64vw) translateY(-7.72vh) scale(0.43);
  }

  42.11% {
    transform: translateX(43.24vw) translateY(44.77vh) scale(0.61);
  }

  47.37% {
    transform: translateX(47.18vw) translateY(0.51vh) scale(0.85);
  }

  52.63% {
    transform: translateX(10.32vw) translateY(-5.74vh) scale(0.77);
  }

  57.89% {
    transform: translateX(7.82vw) translateY(-47.67vh) scale(0.95);
  }

  63.16% {
    transform: translateX(42.81vw) translateY(-42.24vh) scale(0.48);
  }

  68.42% {
    transform: translateX(28.71vw) translateY(6.87vh) scale(0.5);
  }

  73.68% {
    transform: translateX(-13.32vw) translateY(-12.97vh) scale(0.74);
  }

  78.95% {
    transform: translateX(48.88vw) translateY(-22.91vh) scale(0.85);
  }

  84.21% {
    transform: translateX(32.29vw) translateY(16.33vh) scale(0.26);
  }

  89.47% {
    transform: translateX(-36.1vw) translateY(-34.61vh) scale(0.52);
  }

  94.74% {
    transform: translateX(3.41vw) translateY(8.56vh) scale(0.53);
  }

  100% {
    transform: translateX(-26.41vw) translateY(-49.33vh) scale(0.35);
  }
}

.firefly:nth-child(5) {
  animation-name: move5;
}

.firefly:nth-child(5)::before {
  animation-duration: 9s;
}

.firefly:nth-child(5)::after {
  animation-duration: 9s, 8014ms;
  animation-delay: 0ms, 6093ms;
}

@keyframes move5 {
  0% {
    transform: translateX(-4.29vw) translateY(-21.26vh) scale(0.63);
  }

  5% {
    transform: translateX(37.2vw) translateY(-28.76vh) scale(0.61);
  }

  10% {
    transform: translateX(25.88vw) translateY(-37.11vh) scale(0.42);
  }

  15% {
    transform: translateX(-0.72vw) translateY(-12.67vh) scale(0.88);
  }

  20% {
    transform: translateX(11.85vw) translateY(-28.49vh) scale(0.88);
  }

  25% {
    transform: translateX(27.33vw) translateY(-11.15vh) scale(0.37);
  }

  30% {
    transform: translateX(-1.75vw) translateY(-21.97vh) scale(0.7);
  }

  35% {
    transform: translateX(22.82vw) translateY(35.68vh) scale(0.45);
  }

  40% {
    transform: translateX(12.75vw) translateY(18.28vh) scale(0.5);
  }

  45% {
    transform: translateX(23.67vw) translateY(21.29vh) scale(0.62);
  }

  50% {
    transform: translateX(40.88vw) translateY(-40.24vh) scale(0.49);
  }

  55% {
    transform: translateX(-31.04vw) translateY(-25.09vh) scale(0.48);
  }

  60% {
    transform: translateX(-44.3vw) translateY(0.88vh) scale(0.3);
  }

  65% {
    transform: translateX(-19.28vw) translateY(5.51vh) scale(0.62);
  }

  70% {
    transform: translateX(32.12vw) translateY(4.3vh) scale(0.85);
  }

  75% {
    transform: translateX(-39.15vw) translateY(-48.83vh) scale(0.66);
  }

  80% {
    transform: translateX(-14.73vw) translateY(25.56vh) scale(0.8);
  }

  85% {
    transform: translateX(-38.96vw) translateY(1.8vh) scale(0.98);
  }

  90% {
    transform: translateX(4.28vw) translateY(-39.02vh) scale(0.72);
  }

  95% {
    transform: translateX(-21.04vw) translateY(31.33vh) scale(0.74);
  }

  100% {
    transform: translateX(6.02vw) translateY(6.77vh) scale(0.45);
  }
}

.firefly:nth-child(6) {
  animation-name: move6;
}

.firefly:nth-child(6)::before {
  animation-duration: 8s;
}

.firefly:nth-child(6)::after {
  animation-duration: 8s, 10217ms;
  animation-delay: 0ms, 5340ms;
}

@keyframes move6 {
  0% {
    transform: translateX(-15.63vw) translateY(21.71vh) scale(0.42);
  }

  4.17% {
    transform: translateX(7.56vw) translateY(-5.77vh) scale(0.25);
  }

  8.33% {
    transform: translateX(29.34vw) translateY(45.87vh) scale(0.83);
  }

  12.5% {
    transform: translateX(35.2vw) translateY(-29.89vh) scale(0.5);
  }

  16.67% {
    transform: translateX(45.88vw) translateY(-35.79vh) scale(0.31);
  }

  20.83% {
    transform: translateX(1.23vw) translateY(-43.98vh) scale(0.98);
  }

  25% {
    transform: translateX(-40.68vw) translateY(-38.74vh) scale(0.52);
  }

  29.17% {
    transform: translateX(-36.77vw) translateY(-8.5vh) scale(0.95);
  }

  33.33% {
    transform: translateX(0.6vw) translateY(-11.13vh) scale(0.3);
  }

  37.5% {
    transform: translateX(23.6vw) translateY(33.75vh) scale(0.32);
  }

  41.67% {
    transform: translateX(-9.44vw) translateY(-12.03vh) scale(0.59);
  }

  45.83% {
    transform: translateX(14.5vw) translateY(-24.72vh) scale(0.77);
  }

  50% {
    transform: translateX(-8.85vw) translateY(40.83vh) scale(0.92);
  }

  54.17% {
    transform: translateX(30.62vw) translateY(-49.48vh) scale(0.94);
  }

  58.33% {
    transform: translateX(-7.73vw) translateY(1.32vh) scale(0.35);
  }

  62.5% {
    transform: translateX(16.99vw) translateY(-37.47vh) scale(0.74);
  }

  66.67% {
    transform: translateX(26.58vw) translateY(-11vh) scale(0.62);
  }

  70.83% {
    transform: translateX(-21.58vw) translateY(39.2vh) scale(0.64);
  }

  75% {
    transform: translateX(1.6vw) translateY(23.74vh) scale(0.84);
  }

  79.17% {
    transform: translateX(30.93vw) translateY(40.97vh) scale(0.52);
  }

  83.33% {
    transform: translateX(-11.98vw) translateY(-42.76vh) scale(0.7);
  }

  87.5% {
    transform: translateX(-9.45vw) translateY(-12.84vh) scale(0.59);
  }

  91.67% {
    transform: translateX(-26.11vw) translateY(-14.05vh) scale(0.57);
  }

  95.83% {
    transform: translateX(-2.7vw) translateY(-18.82vh) scale(0.75);
  }

  100% {
    transform: translateX(31.36vw) translateY(12.04vh) scale(0.58);
  }
}

.firefly:nth-child(7) {
  animation-name: move7;
}

.firefly:nth-child(7)::before {
  animation-duration: 14s;
}

.firefly:nth-child(7)::after {
  animation-duration: 14s, 7956ms;
  animation-delay: 0ms, 3597ms;
}

@keyframes move7 {
  0% {
    transform: translateX(23.41vw) translateY(-36.03vh) scale(0.64);
  }

  4.17% {
    transform: translateX(-8.01vw) translateY(13.97vh) scale(0.58);
  }

  8.33% {
    transform: translateX(-1.2vw) translateY(-38.14vh) scale(0.66);
  }

  12.5% {
    transform: translateX(32.67vw) translateY(47.34vh) scale(0.98);
  }

  16.67% {
    transform: translateX(-17.81vw) translateY(-47.23vh) scale(0.45);
  }

  20.83% {
    transform: translateX(-36.17vw) translateY(-8.94vh) scale(0.28);
  }

  25% {
    transform: translateX(39.06vw) translateY(42.47vh) scale(0.82);
  }

  29.17% {
    transform: translateX(-44.11vw) translateY(-30.81vh) scale(0.8);
  }

  33.33% {
    transform: translateX(-1.75vw) translateY(31.29vh) scale(0.94);
  }

  37.5% {
    transform: translateX(-16.1vw) translateY(0.86vh) scale(0.49);
  }

  41.67% {
    transform: translateX(8.43vw) translateY(-0.73vh) scale(0.4);
  }

  45.83% {
    transform: translateX(-31.83vw) translateY(-25.65vh) scale(0.63);
  }

  50% {
    transform: translateX(29.24vw) translateY(33.53vh) scale(0.77);
  }

  54.17% {
    transform: translateX(-26.03vw) translateY(-29.77vh) scale(0.62);
  }

  58.33% {
    transform: translateX(45.48vw) translateY(42.62vh) scale(0.75);
  }

  62.5% {
    transform: translateX(-39.86vw) translateY(34.21vh) scale(0.96);
  }

  66.67% {
    transform: translateX(-39.27vw) translateY(6.05vh) scale(0.62);
  }

  70.83% {
    transform: translateX(10.61vw) translateY(-7.94vh) scale(0.44);
  }

  75% {
    transform: translateX(45.57vw) translateY(-44.35vh) scale(0.44);
  }

  79.17% {
    transform: translateX(-17.49vw) translateY(43.33vh) scale(0.71);
  }

  83.33% {
    transform: translateX(-41.39vw) translateY(18.11vh) scale(0.97);
  }

  87.5% {
    transform: translateX(-22.05vw) translateY(5.37vh) scale(0.26);
  }

  91.67% {
    transform: translateX(-24.55vw) translateY(10.87vh) scale(0.6);
  }

  95.83% {
    transform: translateX(15.3vw) translateY(4.09vh) scale(0.46);
  }

  100% {
    transform: translateX(38.67vw) translateY(31.76vh) scale(0.9);
  }
}

.firefly:nth-child(8) {
  animation-name: move8;
}

.firefly:nth-child(8)::before {
  animation-duration: 11s;
}

.firefly:nth-child(8)::after {
  animation-duration: 11s, 6959ms;
  animation-delay: 0ms, 7902ms;
}

@keyframes move8 {
  0% {
    transform: translateX(-19.2vw) translateY(24.08vh) scale(0.29);
  }

  4% {
    transform: translateX(-3.15vw) translateY(24.51vh) scale(0.49);
  }

  8% {
    transform: translateX(43.7vw) translateY(47.37vh) scale(0.95);
  }

  12% {
    transform: translateX(-12.1vw) translateY(14.22vh) scale(0.46);
  }

  16% {
    transform: translateX(-22.57vw) translateY(-30.12vh) scale(0.55);
  }

  20% {
    transform: translateX(-48.64vw) translateY(46.84vh) scale(0.95);
  }

  24% {
    transform: translateX(-38.06vw) translateY(14.75vh) scale(0.31);
  }

  28% {
    transform: translateX(44.9vw) translateY(36vh) scale(0.6);
  }

  32% {
    transform: translateX(-13.82vw) translateY(45.02vh) scale(0.57);
  }

  36% {
    transform: translateX(25.5vw) translateY(16.02vh) scale(0.48);
  }

  40% {
    transform: translateX(-44.87vw) translateY(26.34vh) scale(0.54);
  }

  44% {
    transform: translateX(-10.41vw) translateY(30.49vh) scale(0.42);
  }

  48% {
    transform: translateX(-43.41vw) translateY(8.65vh) scale(0.49);
  }

  52% {
    transform: translateX(-7.36vw) translateY(-5.26vh) scale(0.55);
  }

  56% {
    transform: translateX(-44.75vw) translateY(46.76vh) scale(0.48);
  }

  60% {
    transform: translateX(19.89vw) translateY(21.91vh) scale(0.95);
  }

  64% {
    transform: translateX(7.81vw) translateY(-41.17vh) scale(0.91);
  }

  68% {
    transform: translateX(-8.11vw) translateY(-26.56vh) scale(0.9);
  }

  72% {
    transform: translateX(34.19vw) translateY(48.39vh) scale(0.27);
  }

  76% {
    transform: translateX(-21.79vw) translateY(23.5vh) scale(0.85);
  }

  80% {
    transform: translateX(39.93vw) translateY(-11.91vh) scale(0.91);
  }

  84% {
    transform: translateX(46.59vw) translateY(48.9vh) scale(0.64);
  }

  88% {
    transform: translateX(-4.09vw) translateY(-3.62vh) scale(0.61);
  }

  92% {
    transform: translateX(-45.53vw) translateY(-32.77vh) scale(0.99);
  }

  96% {
    transform: translateX(10.61vw) translateY(-22.61vh) scale(0.99);
  }

  100% {
    transform: translateX(2.9vw) translateY(-36.07vh) scale(0.92);
  }
}

.firefly:nth-child(9) {
  animation-name: move9;
}

.firefly:nth-child(9)::before {
  animation-duration: 10s;
}

.firefly:nth-child(9)::after {
  animation-duration: 10s, 9236ms;
  animation-delay: 0ms, 1478ms;
}

@keyframes move9 {
  0% {
    transform: translateX(-14.54vw) translateY(-36.91vh) scale(0.38);
  }

  5.88% {
    transform: translateX(-15.92vw) translateY(-14.86vh) scale(0.34);
  }

  11.76% {
    transform: translateX(-44.26vw) translateY(-24.99vh) scale(0.34);
  }

  17.65% {
    transform: translateX(-15.71vw) translateY(-30.25vh) scale(0.29);
  }

  23.53% {
    transform: translateX(24.29vw) translateY(-37.95vh) scale(0.87);
  }

  29.41% {
    transform: translateX(-26.7vw) translateY(-2.87vh) scale(0.35);
  }

  35.29% {
    transform: translateX(48.5vw) translateY(0.16vh) scale(0.62);
  }

  41.18% {
    transform: translateX(-44.77vw) translateY(-4.4vh) scale(0.68);
  }

  47.06% {
    transform: translateX(-22.99vw) translateY(9.73vh) scale(0.3);
  }

  52.94% {
    transform: translateX(26.28vw) translateY(11.99vh) scale(0.83);
  }

  58.82% {
    transform: translateX(20.43vw) translateY(-35.4vh) scale(0.96);
  }

  64.71% {
    transform: translateX(-33.81vw) translateY(35.54vh) scale(0.8);
  }

  70.59% {
    transform: translateX(-20.52vw) translateY(-30.04vh) scale(0.54);
  }

  76.47% {
    transform: translateX(9.31vw) translateY(4.21vh) scale(0.36);
  }

  82.35% {
    transform: translateX(-32.85vw) translateY(-42.15vh) scale(0.54);
  }

  88.24% {
    transform: translateX(-7.82vw) translateY(-10.54vh) scale(0.28);
  }

  94.12% {
    transform: translateX(-37.3vw) translateY(-12.29vh) scale(0.64);
  }

  100% {
    transform: translateX(-33.88vw) translateY(48.45vh) scale(0.61);
  }
}

.firefly:nth-child(10) {
  animation-name: move10;
}

.firefly:nth-child(10)::before {
  animation-duration: 16s;
}

.firefly:nth-child(10)::after {
  animation-duration: 16s, 8631ms;
  animation-delay: 0ms, 6001ms;
}

@keyframes move10 {
  0% {
    transform: translateX(-40.71vw) translateY(-47.33vh) scale(0.48);
  }

  6.25% {
    transform: translateX(0.71vw) translateY(-36.26vh) scale(0.81);
  }

  12.5% {
    transform: translateX(3.85vw) translateY(1.24vh) scale(0.3);
  }

  18.75% {
    transform: translateX(-18.2vw) translateY(11.05vh) scale(0.74);
  }

  25% {
    transform: translateX(46.79vw) translateY(34.98vh) scale(0.58);
  }

  31.25% {
    transform: translateX(-18.31vw) translateY(-32.3vh) scale(0.53);
  }

  37.5% {
    transform: translateX(-30vw) translateY(24.9vh) scale(0.55);
  }

  43.75% {
    transform: translateX(48.11vw) translateY(40vh) scale(0.45);
  }

  50% {
    transform: translateX(-29.89vw) translateY(-37.27vh) scale(0.55);
  }

  56.25% {
    transform: translateX(17.04vw) translateY(-22.86vh) scale(0.95);
  }

  62.5% {
    transform: translateX(13.98vw) translateY(46.27vh) scale(0.76);
  }

  68.75% {
    transform: translateX(-38.61vw) translateY(-6.38vh) scale(0.34);
  }

  75% {
    transform: translateX(-8.56vw) translateY(42.45vh) scale(0.29);
  }

  81.25% {
    transform: translateX(-46.74vw) translateY(8.5vh) scale(0.54);
  }

  87.5% {
    transform: translateX(27.8vw) translateY(-42.67vh) scale(0.61);
  }

  93.75% {
    transform: translateX(-0.24vw) translateY(-0.95vh) scale(0.3);
  }

  100% {
    transform: translateX(-7.12vw) translateY(-13.73vh) scale(0.97);
  }
}

.firefly:nth-child(11) {
  animation-name: move11;
}

.firefly:nth-child(11)::before {
  animation-duration: 9s;
}

.firefly:nth-child(11)::after {
  animation-duration: 9s, 10171ms;
  animation-delay: 0ms, 5421ms;
}

@keyframes move11 {
  0% {
    transform: translateX(-26.69vw) translateY(-33.25vh) scale(0.73);
  }

  4.17% {
    transform: translateX(45.01vw) translateY(34.91vh) scale(0.32);
  }

  8.33% {
    transform: translateX(1.71vw) translateY(8.17vh) scale(0.8);
  }

  12.5% {
    transform: translateX(7.07vw) translateY(49.67vh) scale(0.88);
  }

  16.67% {
    transform: translateX(-19.01vw) translateY(-28.27vh) scale(0.27);
  }

  20.83% {
    transform: translateX(25.91vw) translateY(0.29vh) scale(0.59);
  }

  25% {
    transform: translateX(33.48vw) translateY(28.04vh) scale(0.49);
  }

  29.17% {
    transform: translateX(-14.9vw) translateY(-27.24vh) scale(0.95);
  }

  33.33% {
    transform: translateX(10.97vw) translateY(-41.77vh) scale(0.46);
  }

  37.5% {
    transform: translateX(-35.89vw) translateY(5.21vh) scale(0.95);
  }

  41.67% {
    transform: translateX(-40.69vw) translateY(-7.22vh) scale(0.66);
  }

  45.83% {
    transform: translateX(33.86vw) translateY(-36.89vh) scale(0.77);
  }

  50% {
    transform: translateX(7.94vw) translateY(-29.83vh) scale(0.39);
  }

  54.17% {
    transform: translateX(-14.06vw) translateY(22.58vh) scale(0.59);
  }

  58.33% {
    transform: translateX(34.89vw) translateY(-5.03vh) scale(0.51);
  }

  62.5% {
    transform: translateX(43.16vw) translateY(-26.3vh) scale(0.49);
  }

  66.67% {
    transform: translateX(-45.32vw) translateY(-9.01vh) scale(0.25);
  }

  70.83% {
    transform: translateX(26.18vw) translateY(44.5vh) scale(0.56);
  }

  75% {
    transform: translateX(-44.52vw) translateY(13.29vh) scale(0.58);
  }

  79.17% {
    transform: translateX(27.39vw) translateY(-0.59vh) scale(0.68);
  }

  83.33% {
    transform: translateX(-15.54vw) translateY(-46.32vh) scale(0.97);
  }

  87.5% {
    transform: translateX(20.64vw) translateY(49.67vh) scale(0.82);
  }

  91.67% {
    transform: translateX(-40.88vw) translateY(-7.24vh) scale(0.56);
  }

  95.83% {
    transform: translateX(30.66vw) translateY(39.31vh) scale(0.49);
  }

  100% {
    transform: translateX(26.17vw) translateY(-12.82vh) scale(0.25);
  }
}

.firefly:nth-child(12) {
  animation-name: move12;
}

.firefly:nth-child(12)::before {
  animation-duration: 17s;
}

.firefly:nth-child(12)::after {
  animation-duration: 17s, 10450ms;
  animation-delay: 0ms, 6800ms;
}

@keyframes move12 {
  0% {
    transform: translateX(-19.03vw) translateY(-29.75vh) scale(0.46);
  }

  5.88% {
    transform: translateX(41.79vw) translateY(-22.55vh) scale(0.87);
  }

  11.76% {
    transform: translateX(0.4vw) translateY(30.03vh) scale(0.27);
  }

  17.65% {
    transform: translateX(0.28vw) translateY(43.01vh) scale(0.28);
  }

  23.53% {
    transform: translateX(-34.47vw) translateY(34.61vh) scale(0.84);
  }

  29.41% {
    transform: translateX(-16.72vw) translateY(-34.61vh) scale(0.34);
  }

  35.29% {
    transform: translateX(12.93vw) translateY(7.89vh) scale(0.66);
  }

  41.18% {
    transform: translateX(-1.59vw) translateY(16.24vh) scale(0.33);
  }

  47.06% {
    transform: translateX(-13.7vw) translateY(-24.77vh) scale(0.29);
  }

  52.94% {
    transform: translateX(49.26vw) translateY(17.87vh) scale(0.69);
  }

  58.82% {
    transform: translateX(-7.84vw) translateY(-9.87vh) scale(0.26);
  }

  64.71% {
    transform: translateX(-7.86vw) translateY(-33.82vh) scale(0.6);
  }

  70.59% {
    transform: translateX(11.16vw) translateY(16.9vh) scale(0.87);
  }

  76.47% {
    transform: translateX(-19.93vw) translateY(20.41vh) scale(0.55);
  }

  82.35% {
    transform: translateX(-34.85vw) translateY(-31.28vh) scale(0.72);
  }

  88.24% {
    transform: translateX(22.01vw) translateY(-47.26vh) scale(0.7);
  }

  94.12% {
    transform: translateX(43.32vw) translateY(6.44vh) scale(0.26);
  }

  100% {
    transform: translateX(-7.04vw) translateY(-27.67vh) scale(0.38);
  }
}

.firefly:nth-child(13) {
  animation-name: move13;
}

.firefly:nth-child(13)::before {
  animation-duration: 15s;
}

.firefly:nth-child(13)::after {
  animation-duration: 15s, 8773ms;
  animation-delay: 0ms, 6574ms;
}

@keyframes move13 {
  0% {
    transform: translateX(-16.33vw) translateY(-3.72vh) scale(0.76);
  }

  3.85% {
    transform: translateX(12.67vw) translateY(29.64vh) scale(0.41);
  }

  7.69% {
    transform: translateX(-30.07vw) translateY(-27.95vh) scale(0.76);
  }

  11.54% {
    transform: translateX(41.95vw) translateY(18.83vh) scale(0.59);
  }

  15.38% {
    transform: translateX(-43.08vw) translateY(-32.53vh) scale(0.63);
  }

  19.23% {
    transform: translateX(4.93vw) translateY(-43.7vh) scale(0.58);
  }

  23.08% {
    transform: translateX(44.59vw) translateY(-31.46vh) scale(0.81);
  }

  26.92% {
    transform: translateX(25.83vw) translateY(-30.15vh) scale(0.31);
  }

  30.77% {
    transform: translateX(0.18vw) translateY(-42.21vh) scale(0.33);
  }

  34.62% {
    transform: translateX(26.78vw) translateY(-9.28vh) scale(0.54);
  }

  38.46% {
    transform: translateX(-33.89vw) translateY(-17.12vh) scale(0.49);
  }

  42.31% {
    transform: translateX(16.94vw) translateY(3.65vh) scale(0.5);
  }

  46.15% {
    transform: translateX(24.43vw) translateY(-15.42vh) scale(0.71);
  }

  50% {
    transform: translateX(2.22vw) translateY(-46.91vh) scale(0.53);
  }

  53.85% {
    transform: translateX(36.54vw) translateY(29.19vh) scale(0.64);
  }

  57.69% {
    transform: translateX(-40.65vw) translateY(-8.78vh) scale(0.72);
  }

  61.54% {
    transform: translateX(31.32vw) translateY(-38.33vh) scale(0.29);
  }

  65.38% {
    transform: translateX(33.81vw) translateY(1.98vh) scale(0.5);
  }

  69.23% {
    transform: translateX(-14vw) translateY(-38.68vh) scale(0.25);
  }

  73.08% {
    transform: translateX(42.96vw) translateY(-14.54vh) scale(0.25);
  }

  76.92% {
    transform: translateX(8.32vw) translateY(12.62vh) scale(0.7);
  }

  80.77% {
    transform: translateX(-2.88vw) translateY(31.91vh) scale(0.4);
  }

  84.62% {
    transform: translateX(-7.56vw) translateY(-28.45vh) scale(0.59);
  }

  88.46% {
    transform: translateX(32.8vw) translateY(39.53vh) scale(0.38);
  }

  92.31% {
    transform: translateX(9.15vw) translateY(6.54vh) scale(0.9);
  }

  96.15% {
    transform: translateX(37.99vw) translateY(7.66vh) scale(0.59);
  }

  100% {
    transform: translateX(-49.46vw) translateY(45.4vh) scale(0.65);
  }
}

.firefly:nth-child(14) {
  animation-name: move14;
}

.firefly:nth-child(14)::before {
  animation-duration: 12s;
}

.firefly:nth-child(14)::after {
  animation-duration: 12s, 6073ms;
  animation-delay: 0ms, 7481ms;
}

@keyframes move14 {
  0% {
    transform: translateX(17.7vw) translateY(18.62vh) scale(0.26);
  }

  3.85% {
    transform: translateX(8.93vw) translateY(-38.49vh) scale(0.72);
  }

  7.69% {
    transform: translateX(-3.96vw) translateY(-10.89vh) scale(0.7);
  }

  11.54% {
    transform: translateX(-20.84vw) translateY(35.47vh) scale(0.71);
  }

  15.38% {
    transform: translateX(-9.6vw) translateY(-12.71vh) scale(0.34);
  }

  19.23% {
    transform: translateX(43.46vw) translateY(-9.44vh) scale(0.66);
  }

  23.08% {
    transform: translateX(44.98vw) translateY(10.85vh) scale(0.28);
  }

  26.92% {
    transform: translateX(5.15vw) translateY(-3.69vh) scale(0.67);
  }

  30.77% {
    transform: translateX(37.92vw) translateY(34.6vh) scale(0.53);
  }

  34.62% {
    transform: translateX(-30.64vw) translateY(11.56vh) scale(0.92);
  }

  38.46% {
    transform: translateX(2.6vw) translateY(46.42vh) scale(0.38);
  }

  42.31% {
    transform: translateX(-1.7vw) translateY(31.04vh) scale(0.77);
  }

  46.15% {
    transform: translateX(-3.54vw) translateY(12.84vh) scale(0.61);
  }

  50% {
    transform: translateX(14.47vw) translateY(-5.07vh) scale(0.98);
  }

  53.85% {
    transform: translateX(-20.54vw) translateY(22.84vh) scale(0.72);
  }

  57.69% {
    transform: translateX(-17vw) translateY(2.83vh) scale(0.88);
  }

  61.54% {
    transform: translateX(42.05vw) translateY(31.55vh) scale(0.88);
  }

  65.38% {
    transform: translateX(42.68vw) translateY(30.75vh) scale(0.49);
  }

  69.23% {
    transform: translateX(-32.37vw) translateY(46.52vh) scale(0.78);
  }

  73.08% {
    transform: translateX(-37.89vw) translateY(-16.11vh) scale(0.42);
  }

  76.92% {
    transform: translateX(32.8vw) translateY(-8.14vh) scale(0.33);
  }

  80.77% {
    transform: translateX(-3.03vw) translateY(6.69vh) scale(0.29);
  }

  84.62% {
    transform: translateX(-43.26vw) translateY(-1.96vh) scale(0.9);
  }

  88.46% {
    transform: translateX(18.01vw) translateY(21.34vh) scale(0.94);
  }

  92.31% {
    transform: translateX(-24.57vw) translateY(31.47vh) scale(0.82);
  }

  96.15% {
    transform: translateX(45.48vw) translateY(-30.69vh) scale(0.52);
  }

  100% {
    transform: translateX(-24.53vw) translateY(18.92vh) scale(0.49);
  }
}

.firefly:nth-child(15) {
  animation-name: move15;
}

.firefly:nth-child(15)::before {
  animation-duration: 8s;
}

.firefly:nth-child(15)::after {
  animation-duration: 8s, 5008ms;
  animation-delay: 0ms, 3843ms;
}

@keyframes move15 {
  0% {
    transform: translateX(-48.04vw) translateY(39.48vh) scale(0.84);
  }

  5.88% {
    transform: translateX(0.18vw) translateY(15.36vh) scale(0.3);
  }

  11.76% {
    transform: translateX(39.57vw) translateY(44.56vh) scale(0.82);
  }

  17.65% {
    transform: translateX(8vw) translateY(6.29vh) scale(0.43);
  }

  23.53% {
    transform: translateX(32.09vw) translateY(16.48vh) scale(0.5);
  }

  29.41% {
    transform: translateX(-49.3vw) translateY(26.15vh) scale(0.48);
  }

  35.29% {
    transform: translateX(15.52vw) translateY(36.57vh) scale(0.86);
  }

  41.18% {
    transform: translateX(-30.24vw) translateY(10.5vh) scale(0.36);
  }

  47.06% {
    transform: translateX(-29.24vw) translateY(-13.96vh) scale(0.29);
  }

  52.94% {
    transform: translateX(0.68vw) translateY(-27.89vh) scale(0.28);
  }

  58.82% {
    transform: translateX(13.97vw) translateY(44.29vh) scale(0.65);
  }

  64.71% {
    transform: translateX(20.5vw) translateY(-44.17vh) scale(0.44);
  }

  70.59% {
    transform: translateX(36.19vw) translateY(30.1vh) scale(0.5);
  }

  76.47% {
    transform: translateX(-47.54vw) translateY(-0.53vh) scale(0.25);
  }

  82.35% {
    transform: translateX(-28.29vw) translateY(-44.27vh) scale(0.85);
  }

  88.24% {
    transform: translateX(18.51vw) translateY(-3.86vh) scale(0.59);
  }

  94.12% {
    transform: translateX(15.25vw) translateY(6.67vh) scale(0.42);
  }

  100% {
    transform: translateX(11.2vw) translateY(35.78vh) scale(0.31);
  }
}

@keyframes drift {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes flash {

  0%,
  30%,
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw rgba(219, 1, 30, 0.822);
  }

  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw rgba(238, 183, 4, 0.849);
  }
}