.particle {
  position: absolute;
  border-radius: 50%;
}

@-webkit-keyframes particle-animation-1 {
  100% {
    transform: translate3d(9vw, 82vh, 93px);
  }
}

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(9vw, 82vh, 93px);
  }
}
.particle:nth-child(1) {
  -webkit-animation: particle-animation-1 50s infinite;
          animation: particle-animation-1 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.27;
  -webkit-animation-delay: -300ms;
          animation-delay: -300ms;
  background: #26afd9;
  transform: translate3d(2vw, 38vh, 23px);
}

@-webkit-keyframes particle-animation-2 {
  100% {
    transform: translate3d(75vw, 61vh, 96px);
  }
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(75vw, 61vh, 96px);
  }
}
.particle:nth-child(2) {
  -webkit-animation: particle-animation-2 50s infinite;
          animation: particle-animation-2 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.5;
  -webkit-animation-delay: -600ms;
          animation-delay: -600ms;
  background: #d92662;
  transform: translate3d(76vw, 4vh, 26px);
}

@-webkit-keyframes particle-animation-3 {
  100% {
    transform: translate3d(36vw, 39vh, 68px);
  }
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(36vw, 39vh, 68px);
  }
}
.particle:nth-child(3) {
  -webkit-animation: particle-animation-3 50s infinite;
          animation: particle-animation-3 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.73;
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
  background: #26d9ca;
  transform: translate3d(67vw, 80vh, 96px);
}

@-webkit-keyframes particle-animation-4 {
  100% {
    transform: translate3d(38vw, 27vh, 87px);
  }
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(38vw, 27vh, 87px);
  }
}
.particle:nth-child(4) {
  -webkit-animation: particle-animation-4 50s infinite;
          animation: particle-animation-4 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.96;
  -webkit-animation-delay: -1200ms;
          animation-delay: -1200ms;
  background: #26a3d9;
  transform: translate3d(70vw, 63vh, 58px);
}

@-webkit-keyframes particle-animation-5 {
  100% {
    transform: translate3d(35vw, 56vh, 7px);
  }
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(35vw, 56vh, 7px);
  }
}
.particle:nth-child(5) {
  -webkit-animation: particle-animation-5 50s infinite;
          animation: particle-animation-5 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.67;
  -webkit-animation-delay: -1500ms;
          animation-delay: -1500ms;
  background: #d9266b;
  transform: translate3d(76vw, 17vh, 33px);
}

@-webkit-keyframes particle-animation-6 {
  100% {
    transform: translate3d(80vw, 8vh, 50px);
  }
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(80vw, 8vh, 50px);
  }
}
.particle:nth-child(6) {
  -webkit-animation: particle-animation-6 50s infinite;
          animation: particle-animation-6 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.19;
  -webkit-animation-delay: -1800ms;
          animation-delay: -1800ms;
  background: #2647d9;
  transform: translate3d(73vw, 78vh, 31px);
}

@-webkit-keyframes particle-animation-7 {
  100% {
    transform: translate3d(16vw, 10vh, 91px);
  }
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(16vw, 10vh, 91px);
  }
}
.particle:nth-child(7) {
  -webkit-animation: particle-animation-7 50s infinite;
          animation: particle-animation-7 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.2;
  -webkit-animation-delay: -2100ms;
          animation-delay: -2100ms;
  background: #26d97a;
  transform: translate3d(75vw, 56vh, 97px);
}

@-webkit-keyframes particle-animation-8 {
  100% {
    transform: translate3d(56vw, 35vh, 46px);
  }
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(56vw, 35vh, 46px);
  }
}
.particle:nth-child(8) {
  -webkit-animation: particle-animation-8 50s infinite;
          animation: particle-animation-8 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.98;
  -webkit-animation-delay: -2400ms;
          animation-delay: -2400ms;
  background: #26d99a;
  transform: translate3d(88vw, 68vh, 22px);
}

@-webkit-keyframes particle-animation-9 {
  100% {
    transform: translate3d(32vw, 87vh, 80px);
  }
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(32vw, 87vh, 80px);
  }
}
.particle:nth-child(9) {
  -webkit-animation: particle-animation-9 50s infinite;
          animation: particle-animation-9 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.69;
  -webkit-animation-delay: -2700ms;
          animation-delay: -2700ms;
  background: #26d997;
  transform: translate3d(63vw, 52vh, 84px);
}

@-webkit-keyframes particle-animation-10 {
  100% {
    transform: translate3d(2vw, 11vh, 99px);
  }
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(2vw, 11vh, 99px);
  }
}
.particle:nth-child(10) {
  -webkit-animation: particle-animation-10 50s infinite;
          animation: particle-animation-10 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.11;
  -webkit-animation-delay: -3000ms;
          animation-delay: -3000ms;
  background: #d99a26;
  transform: translate3d(1vw, 57vh, 99px);
}

@-webkit-keyframes particle-animation-11 {
  100% {
    transform: translate3d(38vw, 45vh, 70px);
  }
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(38vw, 45vh, 70px);
  }
}
.particle:nth-child(11) {
  -webkit-animation: particle-animation-11 50s infinite;
          animation: particle-animation-11 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.58;
  -webkit-animation-delay: -3300ms;
          animation-delay: -3300ms;
  background: #b2d926;
  transform: translate3d(22vw, 13vh, 42px);
}

@-webkit-keyframes particle-animation-12 {
  100% {
    transform: translate3d(55vw, 3vh, 31px);
  }
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(55vw, 3vh, 31px);
  }
}
.particle:nth-child(12) {
  -webkit-animation: particle-animation-12 50s infinite;
          animation: particle-animation-12 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.75;
  -webkit-animation-delay: -3600ms;
          animation-delay: -3600ms;
  background: #4126d9;
  transform: translate3d(35vw, 85vh, 42px);
}

@-webkit-keyframes particle-animation-13 {
  100% {
    transform: translate3d(48vw, 56vh, 70px);
  }
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(48vw, 56vh, 70px);
  }
}
.particle:nth-child(13) {
  -webkit-animation: particle-animation-13 50s infinite;
          animation: particle-animation-13 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.11;
  -webkit-animation-delay: -3900ms;
          animation-delay: -3900ms;
  background: #26d929;
  transform: translate3d(87vw, 71vh, 25px);
}

@-webkit-keyframes particle-animation-14 {
  100% {
    transform: translate3d(82vw, 60vh, 28px);
  }
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(82vw, 60vh, 28px);
  }
}
.particle:nth-child(14) {
  -webkit-animation: particle-animation-14 50s infinite;
          animation: particle-animation-14 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.16;
  -webkit-animation-delay: -4200ms;
          animation-delay: -4200ms;
  background: #26d99a;
  transform: translate3d(79vw, 48vh, 73px);
}

@-webkit-keyframes particle-animation-15 {
  100% {
    transform: translate3d(77vw, 42vh, 13px);
  }
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(77vw, 42vh, 13px);
  }
}
.particle:nth-child(15) {
  -webkit-animation: particle-animation-15 50s infinite;
          animation: particle-animation-15 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.17;
  -webkit-animation-delay: -4500ms;
          animation-delay: -4500ms;
  background: #74d926;
  transform: translate3d(84vw, 42vh, 65px);
}

@-webkit-keyframes particle-animation-16 {
  100% {
    transform: translate3d(9vw, 72vh, 85px);
  }
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(9vw, 72vh, 85px);
  }
}
.particle:nth-child(16) {
  -webkit-animation: particle-animation-16 50s infinite;
          animation: particle-animation-16 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.3;
  -webkit-animation-delay: -4800ms;
          animation-delay: -4800ms;
  background: #26acd9;
  transform: translate3d(5vw, 41vh, 49px);
}

@-webkit-keyframes particle-animation-17 {
  100% {
    transform: translate3d(57vw, 28vh, 1px);
  }
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(57vw, 28vh, 1px);
  }
}
.particle:nth-child(17) {
  -webkit-animation: particle-animation-17 50s infinite;
          animation: particle-animation-17 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.78;
  -webkit-animation-delay: -5100ms;
          animation-delay: -5100ms;
  background: #d98026;
  transform: translate3d(8vw, 18vh, 74px);
}

@-webkit-keyframes particle-animation-18 {
  100% {
    transform: translate3d(57vw, 81vh, 84px);
  }
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(57vw, 81vh, 84px);
  }
}
.particle:nth-child(18) {
  -webkit-animation: particle-animation-18 50s infinite;
          animation: particle-animation-18 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.41;
  -webkit-animation-delay: -5400ms;
          animation-delay: -5400ms;
  background: #a926d9;
  transform: translate3d(58vw, 81vh, 33px);
}

@-webkit-keyframes particle-animation-19 {
  100% {
    transform: translate3d(66vw, 31vh, 20px);
  }
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(66vw, 31vh, 20px);
  }
}
.particle:nth-child(19) {
  -webkit-animation: particle-animation-19 50s infinite;
          animation: particle-animation-19 50s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.06;
  -webkit-animation-delay: -5700ms;
          animation-delay: -5700ms;
  background: #26d988;
  transform: translate3d(52vw, 87vh, 41px);
}

@-webkit-keyframes particle-animation-20 {
  100% {
    transform: translate3d(65vw, 47vh, 51px);
  }
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(65vw, 47vh, 51px);
  }
}
.particle:nth-child(20) {
  -webkit-animation: particle-animation-20 50s infinite;
          animation: particle-animation-20 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.7;
  -webkit-animation-delay: -6000ms;
          animation-delay: -6000ms;
  background: #26d9a9;
  transform: translate3d(53vw, 47vh, 70px);
}

@-webkit-keyframes particle-animation-21 {
  100% {
    transform: translate3d(84vw, 38vh, 89px);
  }
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(84vw, 38vh, 89px);
  }
}
.particle:nth-child(21) {
  -webkit-animation: particle-animation-21 50s infinite;
          animation: particle-animation-21 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.41;
  -webkit-animation-delay: -6300ms;
          animation-delay: -6300ms;
  background: #26d968;
  transform: translate3d(13vw, 75vh, 47px);
}

@-webkit-keyframes particle-animation-22 {
  100% {
    transform: translate3d(54vw, 4vh, 16px);
  }
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(54vw, 4vh, 16px);
  }
}
.particle:nth-child(22) {
  -webkit-animation: particle-animation-22 50s infinite;
          animation: particle-animation-22 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.99;
  -webkit-animation-delay: -6600ms;
          animation-delay: -6600ms;
  background: #5fd926;
  transform: translate3d(70vw, 11vh, 35px);
}

@-webkit-keyframes particle-animation-23 {
  100% {
    transform: translate3d(28vw, 65vh, 39px);
  }
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(28vw, 65vh, 39px);
  }
}
.particle:nth-child(23) {
  -webkit-animation: particle-animation-23 50s infinite;
          animation: particle-animation-23 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.13;
  -webkit-animation-delay: -6900ms;
          animation-delay: -6900ms;
  background: #d93526;
  transform: translate3d(2vw, 88vh, 56px);
}

@-webkit-keyframes particle-animation-24 {
  100% {
    transform: translate3d(18vw, 27vh, 83px);
  }
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(18vw, 27vh, 83px);
  }
}
.particle:nth-child(24) {
  -webkit-animation: particle-animation-24 50s infinite;
          animation: particle-animation-24 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.4;
  -webkit-animation-delay: -7200ms;
          animation-delay: -7200ms;
  background: #a026d9;
  transform: translate3d(16vw, 28vh, 13px);
}

@-webkit-keyframes particle-animation-25 {
  100% {
    transform: translate3d(78vw, 8vh, 39px);
  }
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(78vw, 8vh, 39px);
  }
}
.particle:nth-child(25) {
  -webkit-animation: particle-animation-25 50s infinite;
          animation: particle-animation-25 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.44;
  -webkit-animation-delay: -7500ms;
          animation-delay: -7500ms;
  background: #5cd926;
  transform: translate3d(56vw, 52vh, 60px);
}

@-webkit-keyframes particle-animation-26 {
  100% {
    transform: translate3d(63vw, 8vh, 50px);
  }
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(63vw, 8vh, 50px);
  }
}
.particle:nth-child(26) {
  -webkit-animation: particle-animation-26 50s infinite;
          animation: particle-animation-26 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.9;
  -webkit-animation-delay: -7800ms;
          animation-delay: -7800ms;
  background: #26bed9;
  transform: translate3d(37vw, 79vh, 51px);
}

@-webkit-keyframes particle-animation-27 {
  100% {
    transform: translate3d(24vw, 14vh, 77px);
  }
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(24vw, 14vh, 77px);
  }
}
.particle:nth-child(27) {
  -webkit-animation: particle-animation-27 50s infinite;
          animation: particle-animation-27 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.65;
  -webkit-animation-delay: -8100ms;
          animation-delay: -8100ms;
  background: #d94126;
  transform: translate3d(36vw, 50vh, 17px);
}

@-webkit-keyframes particle-animation-28 {
  100% {
    transform: translate3d(88vw, 33vh, 50px);
  }
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(88vw, 33vh, 50px);
  }
}
.particle:nth-child(28) {
  -webkit-animation: particle-animation-28 50s infinite;
          animation: particle-animation-28 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.16;
  -webkit-animation-delay: -8400ms;
          animation-delay: -8400ms;
  background: #d926c4;
  transform: translate3d(77vw, 33vh, 96px);
}

@-webkit-keyframes particle-animation-29 {
  100% {
    transform: translate3d(82vw, 61vh, 46px);
  }
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(82vw, 61vh, 46px);
  }
}
.particle:nth-child(29) {
  -webkit-animation: particle-animation-29 50s infinite;
          animation: particle-animation-29 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.2;
  -webkit-animation-delay: -8700ms;
          animation-delay: -8700ms;
  background: #c126d9;
  transform: translate3d(81vw, 22vh, 70px);
}

@-webkit-keyframes particle-animation-30 {
  100% {
    transform: translate3d(9vw, 12vh, 79px);
  }
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(9vw, 12vh, 79px);
  }
}
.particle:nth-child(30) {
  -webkit-animation: particle-animation-30 50s infinite;
          animation: particle-animation-30 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.55;
  -webkit-animation-delay: -9000ms;
          animation-delay: -9000ms;
  background: #d94a26;
  transform: translate3d(59vw, 31vh, 36px);
}

@-webkit-keyframes particle-animation-31 {
  100% {
    transform: translate3d(55vw, 2vh, 87px);
  }
}

@keyframes particle-animation-31 {
  100% {
    transform: translate3d(55vw, 2vh, 87px);
  }
}
.particle:nth-child(31) {
  -webkit-animation: particle-animation-31 50s infinite;
          animation: particle-animation-31 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.22;
  -webkit-animation-delay: -9300ms;
          animation-delay: -9300ms;
  background: #26d9af;
  transform: translate3d(87vw, 58vh, 74px);
}

@-webkit-keyframes particle-animation-32 {
  100% {
    transform: translate3d(73vw, 8vh, 79px);
  }
}

@keyframes particle-animation-32 {
  100% {
    transform: translate3d(73vw, 8vh, 79px);
  }
}
.particle:nth-child(32) {
  -webkit-animation: particle-animation-32 50s infinite;
          animation: particle-animation-32 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.44;
  -webkit-animation-delay: -9600ms;
          animation-delay: -9600ms;
  background: #56d926;
  transform: translate3d(3vw, 61vh, 89px);
}

@-webkit-keyframes particle-animation-33 {
  100% {
    transform: translate3d(53vw, 13vh, 64px);
  }
}

@keyframes particle-animation-33 {
  100% {
    transform: translate3d(53vw, 13vh, 64px);
  }
}
.particle:nth-child(33) {
  -webkit-animation: particle-animation-33 50s infinite;
          animation: particle-animation-33 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.12;
  -webkit-animation-delay: -9900ms;
          animation-delay: -9900ms;
  background: #7426d9;
  transform: translate3d(73vw, 51vh, 94px);
}

@-webkit-keyframes particle-animation-34 {
  100% {
    transform: translate3d(32vw, 90vh, 76px);
  }
}

@keyframes particle-animation-34 {
  100% {
    transform: translate3d(32vw, 90vh, 76px);
  }
}
.particle:nth-child(34) {
  -webkit-animation: particle-animation-34 50s infinite;
          animation: particle-animation-34 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.86;
  -webkit-animation-delay: -10200ms;
          animation-delay: -10200ms;
  background: #2653d9;
  transform: translate3d(58vw, 4vh, 77px);
}

@-webkit-keyframes particle-animation-35 {
  100% {
    transform: translate3d(67vw, 48vh, 28px);
  }
}

@keyframes particle-animation-35 {
  100% {
    transform: translate3d(67vw, 48vh, 28px);
  }
}
.particle:nth-child(35) {
  -webkit-animation: particle-animation-35 50s infinite;
          animation: particle-animation-35 50s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.2;
  -webkit-animation-delay: -10500ms;
          animation-delay: -10500ms;
  background: #d9262f;
  transform: translate3d(12vw, 41vh, 100px);
}

@-webkit-keyframes particle-animation-36 {
  100% {
    transform: translate3d(33vw, 82vh, 77px);
  }
}

@keyframes particle-animation-36 {
  100% {
    transform: translate3d(33vw, 82vh, 77px);
  }
}
.particle:nth-child(36) {
  -webkit-animation: particle-animation-36 50s infinite;
          animation: particle-animation-36 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.8;
  -webkit-animation-delay: -10800ms;
          animation-delay: -10800ms;
  background: #d92c26;
  transform: translate3d(42vw, 80vh, 94px);
}

@-webkit-keyframes particle-animation-37 {
  100% {
    transform: translate3d(36vw, 25vh, 56px);
  }
}

@keyframes particle-animation-37 {
  100% {
    transform: translate3d(36vw, 25vh, 56px);
  }
}
.particle:nth-child(37) {
  -webkit-animation: particle-animation-37 50s infinite;
          animation: particle-animation-37 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.71;
  -webkit-animation-delay: -11100ms;
          animation-delay: -11100ms;
  background: #bb26d9;
  transform: translate3d(80vw, 82vh, 44px);
}

@-webkit-keyframes particle-animation-38 {
  100% {
    transform: translate3d(15vw, 87vh, 68px);
  }
}

@keyframes particle-animation-38 {
  100% {
    transform: translate3d(15vw, 87vh, 68px);
  }
}
.particle:nth-child(38) {
  -webkit-animation: particle-animation-38 50s infinite;
          animation: particle-animation-38 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.24;
  -webkit-animation-delay: -11400ms;
          animation-delay: -11400ms;
  background: #32d926;
  transform: translate3d(83vw, 17vh, 79px);
}

@-webkit-keyframes particle-animation-39 {
  100% {
    transform: translate3d(50vw, 90vh, 42px);
  }
}

@keyframes particle-animation-39 {
  100% {
    transform: translate3d(50vw, 90vh, 42px);
  }
}
.particle:nth-child(39) {
  -webkit-animation: particle-animation-39 50s infinite;
          animation: particle-animation-39 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.59;
  -webkit-animation-delay: -11700ms;
          animation-delay: -11700ms;
  background: #d9c726;
  transform: translate3d(66vw, 11vh, 66px);
}

@-webkit-keyframes particle-animation-40 {
  100% {
    transform: translate3d(31vw, 88vh, 60px);
  }
}

@keyframes particle-animation-40 {
  100% {
    transform: translate3d(31vw, 88vh, 60px);
  }
}
.particle:nth-child(40) {
  -webkit-animation: particle-animation-40 50s infinite;
          animation: particle-animation-40 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.3;
  -webkit-animation-delay: -12000ms;
          animation-delay: -12000ms;
  background: #d94d26;
  transform: translate3d(5vw, 73vh, 57px);
}

@-webkit-keyframes particle-animation-41 {
  100% {
    transform: translate3d(85vw, 69vh, 11px);
  }
}

@keyframes particle-animation-41 {
  100% {
    transform: translate3d(85vw, 69vh, 11px);
  }
}
.particle:nth-child(41) {
  -webkit-animation: particle-animation-41 50s infinite;
          animation: particle-animation-41 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.61;
  -webkit-animation-delay: -12300ms;
          animation-delay: -12300ms;
  background: #2cd926;
  transform: translate3d(49vw, 43vh, 13px);
}

@-webkit-keyframes particle-animation-42 {
  100% {
    transform: translate3d(26vw, 41vh, 73px);
  }
}

@keyframes particle-animation-42 {
  100% {
    transform: translate3d(26vw, 41vh, 73px);
  }
}
.particle:nth-child(42) {
  -webkit-animation: particle-animation-42 50s infinite;
          animation: particle-animation-42 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.48;
  -webkit-animation-delay: -12600ms;
          animation-delay: -12600ms;
  background: #d92f26;
  transform: translate3d(68vw, 31vh, 11px);
}

@-webkit-keyframes particle-animation-43 {
  100% {
    transform: translate3d(37vw, 38vh, 95px);
  }
}

@keyframes particle-animation-43 {
  100% {
    transform: translate3d(37vw, 38vh, 95px);
  }
}
.particle:nth-child(43) {
  -webkit-animation: particle-animation-43 50s infinite;
          animation: particle-animation-43 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.8;
  -webkit-animation-delay: -12900ms;
          animation-delay: -12900ms;
  background: #26d96e;
  transform: translate3d(4vw, 43vh, 85px);
}

@-webkit-keyframes particle-animation-44 {
  100% {
    transform: translate3d(59vw, 80vh, 91px);
  }
}

@keyframes particle-animation-44 {
  100% {
    transform: translate3d(59vw, 80vh, 91px);
  }
}
.particle:nth-child(44) {
  -webkit-animation: particle-animation-44 50s infinite;
          animation: particle-animation-44 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.49;
  -webkit-animation-delay: -13200ms;
          animation-delay: -13200ms;
  background: #26d9bb;
  transform: translate3d(26vw, 47vh, 99px);
}

@-webkit-keyframes particle-animation-45 {
  100% {
    transform: translate3d(56vw, 12vh, 37px);
  }
}

@keyframes particle-animation-45 {
  100% {
    transform: translate3d(56vw, 12vh, 37px);
  }
}
.particle:nth-child(45) {
  -webkit-animation: particle-animation-45 50s infinite;
          animation: particle-animation-45 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.91;
  -webkit-animation-delay: -13500ms;
          animation-delay: -13500ms;
  background: #d96526;
  transform: translate3d(20vw, 38vh, 96px);
}

@-webkit-keyframes particle-animation-46 {
  100% {
    transform: translate3d(50vw, 79vh, 45px);
  }
}

@keyframes particle-animation-46 {
  100% {
    transform: translate3d(50vw, 79vh, 45px);
  }
}
.particle:nth-child(46) {
  -webkit-animation: particle-animation-46 50s infinite;
          animation: particle-animation-46 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.72;
  -webkit-animation-delay: -13800ms;
          animation-delay: -13800ms;
  background: #d926a9;
  transform: translate3d(87vw, 25vh, 73px);
}

@-webkit-keyframes particle-animation-47 {
  100% {
    transform: translate3d(90vw, 17vh, 35px);
  }
}

@keyframes particle-animation-47 {
  100% {
    transform: translate3d(90vw, 17vh, 35px);
  }
}
.particle:nth-child(47) {
  -webkit-animation: particle-animation-47 50s infinite;
          animation: particle-animation-47 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.8;
  -webkit-animation-delay: -14100ms;
          animation-delay: -14100ms;
  background: #262fd9;
  transform: translate3d(81vw, 9vh, 52px);
}

@-webkit-keyframes particle-animation-48 {
  100% {
    transform: translate3d(80vw, 47vh, 100px);
  }
}

@keyframes particle-animation-48 {
  100% {
    transform: translate3d(80vw, 47vh, 100px);
  }
}
.particle:nth-child(48) {
  -webkit-animation: particle-animation-48 50s infinite;
          animation: particle-animation-48 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.38;
  -webkit-animation-delay: -14400ms;
          animation-delay: -14400ms;
  background: #2629d9;
  transform: translate3d(65vw, 62vh, 74px);
}

@-webkit-keyframes particle-animation-49 {
  100% {
    transform: translate3d(72vw, 63vh, 62px);
  }
}

@keyframes particle-animation-49 {
  100% {
    transform: translate3d(72vw, 63vh, 62px);
  }
}
.particle:nth-child(49) {
  -webkit-animation: particle-animation-49 50s infinite;
          animation: particle-animation-49 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.18;
  -webkit-animation-delay: -14700ms;
          animation-delay: -14700ms;
  background: #4726d9;
  transform: translate3d(1vw, 36vh, 90px);
}

@-webkit-keyframes particle-animation-50 {
  100% {
    transform: translate3d(90vw, 8vh, 18px);
  }
}

@keyframes particle-animation-50 {
  100% {
    transform: translate3d(90vw, 8vh, 18px);
  }
}
.particle:nth-child(50) {
  -webkit-animation: particle-animation-50 50s infinite;
          animation: particle-animation-50 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.5;
  -webkit-animation-delay: -15000ms;
          animation-delay: -15000ms;
  background: #d9a326;
  transform: translate3d(36vw, 73vh, 32px);
}

@-webkit-keyframes particle-animation-51 {
  100% {
    transform: translate3d(50vw, 86vh, 68px);
  }
}

@keyframes particle-animation-51 {
  100% {
    transform: translate3d(50vw, 86vh, 68px);
  }
}
.particle:nth-child(51) {
  -webkit-animation: particle-animation-51 50s infinite;
          animation: particle-animation-51 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.41;
  -webkit-animation-delay: -15300ms;
          animation-delay: -15300ms;
  background: #2650d9;
  transform: translate3d(62vw, 74vh, 95px);
}

@-webkit-keyframes particle-animation-52 {
  100% {
    transform: translate3d(36vw, 52vh, 71px);
  }
}

@keyframes particle-animation-52 {
  100% {
    transform: translate3d(36vw, 52vh, 71px);
  }
}
.particle:nth-child(52) {
  -webkit-animation: particle-animation-52 50s infinite;
          animation: particle-animation-52 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.88;
  -webkit-animation-delay: -15600ms;
          animation-delay: -15600ms;
  background: #d926c1;
  transform: translate3d(46vw, 42vh, 89px);
}

@-webkit-keyframes particle-animation-53 {
  100% {
    transform: translate3d(90vw, 60vh, 48px);
  }
}

@keyframes particle-animation-53 {
  100% {
    transform: translate3d(90vw, 60vh, 48px);
  }
}
.particle:nth-child(53) {
  -webkit-animation: particle-animation-53 50s infinite;
          animation: particle-animation-53 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.1;
  -webkit-animation-delay: -15900ms;
          animation-delay: -15900ms;
  background: #26d985;
  transform: translate3d(39vw, 3vh, 37px);
}

@-webkit-keyframes particle-animation-54 {
  100% {
    transform: translate3d(29vw, 18vh, 13px);
  }
}

@keyframes particle-animation-54 {
  100% {
    transform: translate3d(29vw, 18vh, 13px);
  }
}
.particle:nth-child(54) {
  -webkit-animation: particle-animation-54 50s infinite;
          animation: particle-animation-54 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.25;
  -webkit-animation-delay: -16200ms;
          animation-delay: -16200ms;
  background: #d92685;
  transform: translate3d(56vw, 80vh, 8px);
}

@-webkit-keyframes particle-animation-55 {
  100% {
    transform: translate3d(20vw, 79vh, 16px);
  }
}

@keyframes particle-animation-55 {
  100% {
    transform: translate3d(20vw, 79vh, 16px);
  }
}
.particle:nth-child(55) {
  -webkit-animation: particle-animation-55 50s infinite;
          animation: particle-animation-55 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.39;
  -webkit-animation-delay: -16500ms;
          animation-delay: -16500ms;
  background: #9a26d9;
  transform: translate3d(89vw, 64vh, 51px);
}

@-webkit-keyframes particle-animation-56 {
  100% {
    transform: translate3d(29vw, 42vh, 93px);
  }
}

@keyframes particle-animation-56 {
  100% {
    transform: translate3d(29vw, 42vh, 93px);
  }
}
.particle:nth-child(56) {
  -webkit-animation: particle-animation-56 50s infinite;
          animation: particle-animation-56 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.93;
  -webkit-animation-delay: -16800ms;
          animation-delay: -16800ms;
  background: #9d26d9;
  transform: translate3d(3vw, 8vh, 68px);
}

@-webkit-keyframes particle-animation-57 {
  100% {
    transform: translate3d(54vw, 19vh, 19px);
  }
}

@keyframes particle-animation-57 {
  100% {
    transform: translate3d(54vw, 19vh, 19px);
  }
}
.particle:nth-child(57) {
  -webkit-animation: particle-animation-57 50s infinite;
          animation: particle-animation-57 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.09;
  -webkit-animation-delay: -17100ms;
          animation-delay: -17100ms;
  background: #d92680;
  transform: translate3d(80vw, 25vh, 66px);
}

@-webkit-keyframes particle-animation-58 {
  100% {
    transform: translate3d(13vw, 32vh, 70px);
  }
}

@keyframes particle-animation-58 {
  100% {
    transform: translate3d(13vw, 32vh, 70px);
  }
}
.particle:nth-child(58) {
  -webkit-animation: particle-animation-58 50s infinite;
          animation: particle-animation-58 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.26;
  -webkit-animation-delay: -17400ms;
          animation-delay: -17400ms;
  background: #d926b5;
  transform: translate3d(40vw, 17vh, 90px);
}

@-webkit-keyframes particle-animation-59 {
  100% {
    transform: translate3d(37vw, 33vh, 17px);
  }
}

@keyframes particle-animation-59 {
  100% {
    transform: translate3d(37vw, 33vh, 17px);
  }
}
.particle:nth-child(59) {
  -webkit-animation: particle-animation-59 50s infinite;
          animation: particle-animation-59 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.67;
  -webkit-animation-delay: -17700ms;
          animation-delay: -17700ms;
  background: #d92c26;
  transform: translate3d(87vw, 8vh, 27px);
}

@-webkit-keyframes particle-animation-60 {
  100% {
    transform: translate3d(4vw, 80vh, 93px);
  }
}

@keyframes particle-animation-60 {
  100% {
    transform: translate3d(4vw, 80vh, 93px);
  }
}
.particle:nth-child(60) {
  -webkit-animation: particle-animation-60 50s infinite;
          animation: particle-animation-60 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.36;
  -webkit-animation-delay: -18000ms;
          animation-delay: -18000ms;
  background: #d92665;
  transform: translate3d(77vw, 80vh, 49px);
}