/*** Particle Animation ***/
/*** https://codepen.io/noeldevelops/pen/VwLWOEM ***/

.circle {
  border-radius: 50%;
  position: absolute;
  z-index: 12;
  background-color: rgba(255,255,255,0.4);
}

@-webkit-keyframes particle-animation-1 {
  0% {
    -webkit-transform: translate3d(74vw, 32vh, 4px) rotate(77deg);
    transform: translate3d(48vw, 36vh, 130px) rotate(61deg);
  }
  100% {
    -webkit-transform: translate3d(15vw, 8vh, 76px) rotate(42deg);
    transform: translate3d(11vw, 85vh, 229px) rotate(164deg);
  }
}
@keyframes particle-animation-1 {
  0% {
    -webkit-transform: translate3d(81vw, 48vh, 8px) rotate(37deg);
    transform: translate3d(63vw, 15vh, 185px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(25vw, 88vh, 396px) rotate(105deg);
    transform: translate3d(42vw, 100vh, 104px) rotate(53deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(1) {
  -webkit-animation: particle-animation-1 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-1 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 93px;
  width: 93px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes particle-animation-2 {
  0% {
    -webkit-transform: translate3d(31vw, 2vh, 11px) rotate(77deg);
    transform: translate3d(78vw, 3vh, 115px) rotate(74deg);
  }
  100% {
    -webkit-transform: translate3d(81vw, 35vh, 395px) rotate(163deg);
    transform: translate3d(66vw, 18vh, 255px) rotate(147deg);
  }
}
@keyframes particle-animation-2 {
  0% {
    -webkit-transform: translate3d(83vw, 100vh, 78px) rotate(53deg);
    transform: translate3d(95vw, 43vh, 328px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(17vw, 42vh, 339px) rotate(38deg);
    transform: translate3d(15vw, 53vh, 9px) rotate(110deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(2) {
  -webkit-animation: particle-animation-2 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-2 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 99px;
  width: 99px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes particle-animation-3 {
  0% {
    -webkit-transform: translate3d(110vw, 55vh, 308px) rotate(51deg);
    transform: translate3d(72vw, 31vh, 38px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(58vw, 4vh, 356px) rotate(104deg);
    transform: translate3d(26vw, 3vh, 55px) rotate(69deg);
  }
}
@keyframes particle-animation-3 {
  0% {
    -webkit-transform: translate3d(36vw, 10vh, 58px) rotate(79deg);
    transform: translate3d(58vw, 20vh, 229px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(4vw, 96vh, 251px) rotate(143deg);
    transform: translate3d(60vw, 3vh, 232px) rotate(5deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(3) {
  -webkit-animation: particle-animation-3 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-3 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 44px;
  width: 44px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
}

@-webkit-keyframes particle-animation-4 {
  0% {
    -webkit-transform: translate3d(48vw, 58vh, 113px) rotate(53deg);
    transform: translate3d(109vw, 55vh, 26px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(21vw, 10vh, 255px) rotate(105deg);
    transform: translate3d(39vw, 2vh, 22px) rotate(122deg);
  }
}
@keyframes particle-animation-4 {
  0% {
    -webkit-transform: translate3d(105vw, 80vh, 56px) rotate(75deg);
    transform: translate3d(86vw, 94vh, 369px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(29vw, 69vh, 316px) rotate(179deg);
    transform: translate3d(60vw, 17vh, 309px) rotate(99deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(4) {
  -webkit-animation: particle-animation-4 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-4 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 83px;
  width: 83px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}

@-webkit-keyframes particle-animation-5 {
  0% {
    -webkit-transform: translate3d(62vw, 6vh, 265px) rotate(12deg);
    transform: translate3d(71vw, 51vh, 21px) rotate(24deg);
  }
  100% {
    -webkit-transform: translate3d(6vw, 55vh, 260px) rotate(120deg);
    transform: translate3d(48vw, 99vh, 304px) rotate(47deg);
  }
}
@keyframes particle-animation-5 {
  0% {
    -webkit-transform: translate3d(22vw, 36vh, 58px) rotate(62deg);
    transform: translate3d(40vw, 96vh, 306px) rotate(35deg);
  }
  100% {
    -webkit-transform: translate3d(74vw, 36vh, 246px) rotate(141deg);
    transform: translate3d(67vw, 93vh, 244px) rotate(179deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(5) {
  -webkit-animation: particle-animation-5 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-5 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 31px;
  width: 31px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
}

@-webkit-keyframes particle-animation-6 {
  0% {
    -webkit-transform: translate3d(52vw, 57vh, 88px) rotate(83deg);
    transform: translate3d(5vw, 19vh, 251px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(101vw, 36vh, 259px) rotate(8deg);
    transform: translate3d(93vw, 4vh, 230px) rotate(100deg);
  }
}
@keyframes particle-animation-6 {
  0% {
    -webkit-transform: translate3d(106vw, 99vh, 30px) rotate(75deg);
    transform: translate3d(49vw, 7vh, 133px) rotate(43deg);
  }
  100% {
    -webkit-transform: translate3d(108vw, 8vh, 391px) rotate(29deg);
    transform: translate3d(47vw, 87vh, 166px) rotate(70deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(6) {
  -webkit-animation: particle-animation-6 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-6 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 46px;
  width: 46px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -6s;
  animation-delay: -6s;
}

@-webkit-keyframes particle-animation-7 {
  0% {
    -webkit-transform: translate3d(36vw, 26vh, 354px) rotate(38deg);
    transform: translate3d(42vw, 82vh, 18px) rotate(22deg);
  }
  100% {
    -webkit-transform: translate3d(85vw, 62vh, 71px) rotate(53deg);
    transform: translate3d(105vw, 94vh, 285px) rotate(53deg);
  }
}
@keyframes particle-animation-7 {
  0% {
    -webkit-transform: translate3d(108vw, 55vh, 93px) rotate(7deg);
    transform: translate3d(37vw, 46vh, 71px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(34vw, 84vh, 210px) rotate(60deg);
    transform: translate3d(62vw, 50vh, 167px) rotate(8deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(7) {
  -webkit-animation: particle-animation-7 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-7 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 75px;
  width: 75px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -7s;
  animation-delay: -7s;
}

@-webkit-keyframes particle-animation-8 {
  0% {
    -webkit-transform: translate3d(35vw, 12vh, 316px) rotate(75deg);
    transform: translate3d(84vw, 96vh, 91px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(2vw, 42vh, 58px) rotate(85deg);
    transform: translate3d(13vw, 49vh, 344px) rotate(35deg);
  }
}
@keyframes particle-animation-8 {
  0% {
    -webkit-transform: translate3d(77vw, 74vh, 80px) rotate(49deg);
    transform: translate3d(59vw, 21vh, 386px) rotate(17deg);
  }
  100% {
    -webkit-transform: translate3d(45vw, 50vh, 398px) rotate(85deg);
    transform: translate3d(15vw, 13vh, 67px) rotate(179deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(8) {
  -webkit-animation: particle-animation-8 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-8 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 63px;
  width: 63px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
}

@-webkit-keyframes particle-animation-9 {
  0% {
    -webkit-transform: translate3d(36vw, 9vh, 70px) rotate(57deg);
    transform: translate3d(60vw, 1vh, 91px) rotate(60deg);
  }
  100% {
    -webkit-transform: translate3d(106vw, 39vh, 92px) rotate(30deg);
    transform: translate3d(40vw, 87vh, 88px) rotate(171deg);
  }
}
@keyframes particle-animation-9 {
  0% {
    -webkit-transform: translate3d(57vw, 74vh, 84px) rotate(7deg);
    transform: translate3d(87vw, 52vh, 369px) rotate(9deg);
  }
  100% {
    -webkit-transform: translate3d(102vw, 24vh, 125px) rotate(112deg);
    transform: translate3d(62vw, 66vh, 355px) rotate(117deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(9) {
  -webkit-animation: particle-animation-9 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-9 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 71px;
  width: 71px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -9s;
  animation-delay: -9s;
}

@-webkit-keyframes particle-animation-10 {
  0% {
    -webkit-transform: translate3d(69vw, 26vh, 10px) rotate(55deg);
    transform: translate3d(33vw, 96vh, 287px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(101vw, 81vh, 155px) rotate(135deg);
    transform: translate3d(72vw, 75vh, 178px) rotate(30deg);
  }
}
@keyframes particle-animation-10 {
  0% {
    -webkit-transform: translate3d(35vw, 72vh, 102px) rotate(65deg);
    transform: translate3d(89vw, 4vh, 169px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(47vw, 45vh, 395px) rotate(106deg);
    transform: translate3d(96vw, 85vh, 151px) rotate(141deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(10) {
  -webkit-animation: particle-animation-10 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-10 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 75px;
  width: 75px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -10s;
  animation-delay: -10s;
}

@-webkit-keyframes particle-animation-11 {
  0% {
    -webkit-transform: translate3d(5vw, 95vh, 23px) rotate(22deg);
    transform: translate3d(41vw, 88vh, 194px) rotate(27deg);
  }
  100% {
    -webkit-transform: translate3d(68vw, 11vh, 218px) rotate(103deg);
    transform: translate3d(97vw, 73vh, 199px) rotate(52deg);
  }
}
@keyframes particle-animation-11 {
  0% {
    -webkit-transform: translate3d(20vw, 30vh, 76px) rotate(60deg);
    transform: translate3d(34vw, 28vh, 224px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(54vw, 85vh, 29px) rotate(109deg);
    transform: translate3d(31vw, 48vh, 398px) rotate(90deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(11) {
  -webkit-animation: particle-animation-11 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-11 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 19px;
  width: 19px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -11s;
  animation-delay: -11s;
}

@-webkit-keyframes particle-animation-12 {
  0% {
    -webkit-transform: translate3d(74vw, 18vh, 220px) rotate(50deg);
    transform: translate3d(4vw, 82vh, 50px) rotate(6deg);
  }
  100% {
    -webkit-transform: translate3d(29vw, 46vh, 158px) rotate(5deg);
    transform: translate3d(85vw, 58vh, 57px) rotate(144deg);
  }
}
@keyframes particle-animation-12 {
  0% {
    -webkit-transform: translate3d(5vw, 35vh, 67px) rotate(71deg);
    transform: translate3d(25vw, 73vh, 179px) rotate(60deg);
  }
  100% {
    -webkit-transform: translate3d(22vw, 44vh, 201px) rotate(176deg);
    transform: translate3d(35vw, 45vh, 349px) rotate(125deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(12) {
  -webkit-animation: particle-animation-12 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-12 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 70px;
  width: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -12s;
  animation-delay: -12s;
}

@-webkit-keyframes particle-animation-13 {
  0% {
    -webkit-transform: translate3d(91vw, 28vh, 193px) rotate(16deg);
    transform: translate3d(106vw, 41vh, 310px) rotate(54deg);
  }
  100% {
    -webkit-transform: translate3d(61vw, 10vh, 15px) rotate(74deg);
    transform: translate3d(96vw, 40vh, 6px) rotate(178deg);
  }
}
@keyframes particle-animation-13 {
  0% {
    -webkit-transform: translate3d(85vw, 59vh, 62px) rotate(29deg);
    transform: translate3d(43vw, 45vh, 150px) rotate(69deg);
  }
  100% {
    -webkit-transform: translate3d(95vw, 87vh, 243px) rotate(155deg);
    transform: translate3d(104vw, 67vh, 250px) rotate(142deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(13) {
  -webkit-animation: particle-animation-13 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-13 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 70px;
  width: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -13s;
  animation-delay: -13s;
}

@-webkit-keyframes particle-animation-14 {
  0% {
    -webkit-transform: translate3d(71vw, 88vh, 51px) rotate(58deg);
    transform: translate3d(38vw, 54vh, 194px) rotate(49deg);
  }
  100% {
    -webkit-transform: translate3d(77vw, 12vh, 113px) rotate(134deg);
    transform: translate3d(34vw, 32vh, 182px) rotate(58deg);
  }
}
@keyframes particle-animation-14 {
  0% {
    -webkit-transform: translate3d(48vw, 4vh, 6px) rotate(47deg);
    transform: translate3d(74vw, 44vh, 343px) rotate(16deg);
  }
  100% {
    -webkit-transform: translate3d(24vw, 19vh, 290px) rotate(82deg);
    transform: translate3d(88vw, 77vh, 341px) rotate(109deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(14) {
  -webkit-animation: particle-animation-14 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-14 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 14px;
  width: 14px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -14s;
  animation-delay: -14s;
}

@-webkit-keyframes particle-animation-15 {
  0% {
    -webkit-transform: translate3d(56vw, 31vh, 1px) rotate(49deg);
    transform: translate3d(88vw, 16vh, 371px) rotate(70deg);
  }
  100% {
    -webkit-transform: translate3d(67vw, 46vh, 233px) rotate(59deg);
    transform: translate3d(64vw, 92vh, 22px) rotate(131deg);
  }
}
@keyframes particle-animation-15 {
  0% {
    -webkit-transform: translate3d(99vw, 87vh, 43px) rotate(31deg);
    transform: translate3d(88vw, 21vh, 9px) rotate(74deg);
  }
  100% {
    -webkit-transform: translate3d(40vw, 94vh, 47px) rotate(63deg);
    transform: translate3d(90vw, 67vh, 287px) rotate(145deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(15) {
  -webkit-animation: particle-animation-15 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-15 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 58px;
  width: 58px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -15s;
  animation-delay: -15s;
}

@-webkit-keyframes particle-animation-16 {
  0% {
    -webkit-transform: translate3d(49vw, 7vh, 143px) rotate(86deg);
    transform: translate3d(30vw, 70vh, 164px) rotate(22deg);
  }
  100% {
    -webkit-transform: translate3d(75vw, 70vh, 117px) rotate(114deg);
    transform: translate3d(99vw, 43vh, 210px) rotate(39deg);
  }
}
@keyframes particle-animation-16 {
  0% {
    -webkit-transform: translate3d(29vw, 99vh, 40px) rotate(48deg);
    transform: translate3d(18vw, 57vh, 118px) rotate(90deg);
  }
  100% {
    -webkit-transform: translate3d(75vw, 15vh, 162px) rotate(16deg);
    transform: translate3d(94vw, 22vh, 4px) rotate(65deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(16) {
  -webkit-animation: particle-animation-16 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-16 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -16s;
  animation-delay: -16s;
}

@-webkit-keyframes particle-animation-17 {
  0% {
    -webkit-transform: translate3d(52vw, 85vh, 254px) rotate(64deg);
    transform: translate3d(84vw, 77vh, 256px) rotate(11deg);
  }
  100% {
    -webkit-transform: translate3d(98vw, 94vh, 365px) rotate(112deg);
    transform: translate3d(75vw, 31vh, 215px) rotate(164deg);
  }
}
@keyframes particle-animation-17 {
  0% {
    -webkit-transform: translate3d(34vw, 80vh, 36px) rotate(25deg);
    transform: translate3d(48vw, 25vh, 296px) rotate(22deg);
  }
  100% {
    -webkit-transform: translate3d(81vw, 1vh, 124px) rotate(120deg);
    transform: translate3d(84vw, 82vh, 44px) rotate(82deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(17) {
  -webkit-animation: particle-animation-17 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-17 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 68px;
  width: 68px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -17s;
  animation-delay: -17s;
}

@-webkit-keyframes particle-animation-18 {
  0% {
    -webkit-transform: translate3d(100vw, 38vh, 400px) rotate(55deg);
    transform: translate3d(31vw, 96vh, 314px) rotate(62deg);
  }
  100% {
    -webkit-transform: translate3d(66vw, 62vh, 290px) rotate(34deg);
    transform: translate3d(14vw, 70vh, 202px) rotate(147deg);
  }
}
@keyframes particle-animation-18 {
  0% {
    -webkit-transform: translate3d(84vw, 79vh, 65px) rotate(38deg);
    transform: translate3d(42vw, 66vh, 78px) rotate(17deg);
  }
  100% {
    -webkit-transform: translate3d(37vw, 12vh, 250px) rotate(78deg);
    transform: translate3d(58vw, 40vh, 195px) rotate(100deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(18) {
  -webkit-animation: particle-animation-18 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-18 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 53px;
  width: 53px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -18s;
  animation-delay: -18s;
}

@-webkit-keyframes particle-animation-19 {
  0% {
    -webkit-transform: translate3d(31vw, 75vh, 219px) rotate(21deg);
    transform: translate3d(45vw, 47vh, 284px) rotate(47deg);
  }
  100% {
    -webkit-transform: translate3d(89vw, 42vh, 313px) rotate(15deg);
    transform: translate3d(29vw, 6vh, 204px) rotate(111deg);
  }
}
@keyframes particle-animation-19 {
  0% {
    -webkit-transform: translate3d(53vw, 7vh, 81px) rotate(74deg);
    transform: translate3d(79vw, 12vh, 384px) rotate(71deg);
  }
  100% {
    -webkit-transform: translate3d(23vw, 41vh, 32px) rotate(70deg);
    transform: translate3d(14vw, 82vh, 325px) rotate(46deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(19) {
  -webkit-animation: particle-animation-19 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-19 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 82px;
  width: 82px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -19s;
  animation-delay: -19s;
}

@-webkit-keyframes particle-animation-20 {
  0% {
    -webkit-transform: translate3d(87vw, 98vh, 82px) rotate(40deg);
    transform: translate3d(17vw, 58vh, 194px) rotate(87deg);
  }
  100% {
    -webkit-transform: translate3d(101vw, 14vh, 172px) rotate(172deg);
    transform: translate3d(15vw, 11vh, 87px) rotate(11deg);
  }
}
@keyframes particle-animation-20 {
  0% {
    -webkit-transform: translate3d(10vw, 95vh, 12px) rotate(79deg);
    transform: translate3d(10vw, 83vh, 22px) rotate(21deg);
  }
  100% {
    -webkit-transform: translate3d(37vw, 63vh, 40px) rotate(79deg);
    transform: translate3d(95vw, 40vh, 125px) rotate(63deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(20) {
  -webkit-animation: particle-animation-20 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-20 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 54px;
  width: 54px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -20s;
  animation-delay: -20s;
}

@-webkit-keyframes particle-animation-21 {
  0% {
    -webkit-transform: translate3d(95vw, 50vh, 138px) rotate(59deg);
    transform: translate3d(19vw, 70vh, 302px) rotate(21deg);
  }
  100% {
    -webkit-transform: translate3d(91vw, 8vh, 272px) rotate(16deg);
    transform: translate3d(6vw, 81vh, 62px) rotate(170deg);
  }
}
@keyframes particle-animation-21 {
  0% {
    -webkit-transform: translate3d(48vw, 74vh, 81px) rotate(44deg);
    transform: translate3d(74vw, 43vh, 320px) rotate(49deg);
  }
  100% {
    -webkit-transform: translate3d(8vw, 51vh, 312px) rotate(27deg);
    transform: translate3d(40vw, 64vh, 255px) rotate(72deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(21) {
  -webkit-animation: particle-animation-21 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-21 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 78px;
  width: 78px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -21s;
  animation-delay: -21s;
}

@-webkit-keyframes particle-animation-22 {
  0% {
    -webkit-transform: translate3d(19vw, 84vh, 256px) rotate(41deg);
    transform: translate3d(77vw, 13vh, 32px) rotate(19deg);
  }
  100% {
    -webkit-transform: translate3d(57vw, 88vh, 236px) rotate(48deg);
    transform: translate3d(98vw, 89vh, 135px) rotate(111deg);
  }
}
@keyframes particle-animation-22 {
  0% {
    -webkit-transform: translate3d(25vw, 12vh, 104px) rotate(12deg);
    transform: translate3d(48vw, 19vh, 158px) rotate(16deg);
  }
  100% {
    -webkit-transform: translate3d(2vw, 19vh, 238px) rotate(31deg);
    transform: translate3d(4vw, 11vh, 302px) rotate(53deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(22) {
  -webkit-animation: particle-animation-22 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-22 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 11px;
  width: 11px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -22s;
  animation-delay: -22s;
}

@-webkit-keyframes particle-animation-23 {
  0% {
    -webkit-transform: translate3d(35vw, 68vh, 396px) rotate(38deg);
    transform: translate3d(71vw, 94vh, 133px) rotate(60deg);
  }
  100% {
    -webkit-transform: translate3d(30vw, 16vh, 119px) rotate(85deg);
    transform: translate3d(101vw, 34vh, 12px) rotate(144deg);
  }
}
@keyframes particle-animation-23 {
  0% {
    -webkit-transform: translate3d(81vw, 58vh, 105px) rotate(38deg);
    transform: translate3d(109vw, 24vh, 231px) rotate(65deg);
  }
  100% {
    -webkit-transform: translate3d(89vw, 21vh, 140px) rotate(91deg);
    transform: translate3d(5vw, 18vh, 234px) rotate(152deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(23) {
  -webkit-animation: particle-animation-23 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-23 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 71px;
  width: 71px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -23s;
  animation-delay: -23s;
}

@-webkit-keyframes particle-animation-24 {
  0% {
    -webkit-transform: translate3d(94vw, 84vh, 341px) rotate(57deg);
    transform: translate3d(53vw, 5vh, 395px) rotate(2deg);
  }
  100% {
    -webkit-transform: translate3d(11vw, 26vh, 400px) rotate(105deg);
    transform: translate3d(107vw, 5vh, 149px) rotate(57deg);
  }
}
@keyframes particle-animation-24 {
  0% {
    -webkit-transform: translate3d(56vw, 53vh, 67px) rotate(73deg);
    transform: translate3d(31vw, 87vh, 1px) rotate(59deg);
  }
  100% {
    -webkit-transform: translate3d(65vw, 54vh, 55px) rotate(27deg);
    transform: translate3d(82vw, 42vh, 355px) rotate(143deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(24) {
  -webkit-animation: particle-animation-24 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-24 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 98px;
  width: 98px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -24s;
  animation-delay: -24s;
}

@-webkit-keyframes particle-animation-25 {
  0% {
    -webkit-transform: translate3d(36vw, 75vh, 390px) rotate(41deg);
    transform: translate3d(62vw, 34vh, 257px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(23vw, 51vh, 249px) rotate(52deg);
    transform: translate3d(76vw, 62vh, 257px) rotate(63deg);
  }
}
@keyframes particle-animation-25 {
  0% {
    -webkit-transform: translate3d(92vw, 29vh, 47px) rotate(34deg);
    transform: translate3d(105vw, 30vh, 137px) rotate(78deg);
  }
  100% {
    -webkit-transform: translate3d(62vw, 55vh, 202px) rotate(149deg);
    transform: translate3d(56vw, 75vh, 205px) rotate(126deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(25) {
  -webkit-animation: particle-animation-25 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-25 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 92px;
  width: 92px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -25s;
  animation-delay: -25s;
}

@-webkit-keyframes particle-animation-26 {
  0% {
    -webkit-transform: translate3d(31vw, 4vh, 10px) rotate(21deg);
    transform: translate3d(71vw, 52vh, 2px) rotate(29deg);
  }
  100% {
    -webkit-transform: translate3d(41vw, 12vh, 177px) rotate(118deg);
    transform: translate3d(43vw, 49vh, 251px) rotate(163deg);
  }
}
@keyframes particle-animation-26 {
  0% {
    -webkit-transform: translate3d(104vw, 7vh, 67px) rotate(20deg);
    transform: translate3d(25vw, 89vh, 233px) rotate(22deg);
  }
  100% {
    -webkit-transform: translate3d(60vw, 73vh, 180px) rotate(107deg);
    transform: translate3d(4vw, 58vh, 254px) rotate(142deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(26) {
  -webkit-animation: particle-animation-26 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-26 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 35px;
  width: 35px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -26s;
  animation-delay: -26s;
}

@-webkit-keyframes particle-animation-27 {
  0% {
    -webkit-transform: translate3d(39vw, 37vh, 58px) rotate(43deg);
    transform: translate3d(27vw, 43vh, 342px) rotate(30deg);
  }
  100% {
    -webkit-transform: translate3d(21vw, 68vh, 389px) rotate(35deg);
    transform: translate3d(24vw, 62vh, 68px) rotate(51deg);
  }
}
@keyframes particle-animation-27 {
  0% {
    -webkit-transform: translate3d(42vw, 55vh, 42px) rotate(28deg);
    transform: translate3d(10vw, 73vh, 122px) rotate(72deg);
  }
  100% {
    -webkit-transform: translate3d(10vw, 8vh, 157px) rotate(16deg);
    transform: translate3d(81vw, 63vh, 142px) rotate(120deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(27) {
  -webkit-animation: particle-animation-27 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-27 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 69px;
  width: 69px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -27s;
  animation-delay: -27s;
}

@-webkit-keyframes particle-animation-28 {
  0% {
    -webkit-transform: translate3d(54vw, 72vh, 264px) rotate(67deg);
    transform: translate3d(98vw, 13vh, 176px) rotate(9deg);
  }
  100% {
    -webkit-transform: translate3d(54vw, 54vh, 211px) rotate(49deg);
    transform: translate3d(70vw, 15vh, 323px) rotate(39deg);
  }
}
@keyframes particle-animation-28 {
  0% {
    -webkit-transform: translate3d(25vw, 38vh, 17px) rotate(27deg);
    transform: translate3d(92vw, 88vh, 250px) rotate(42deg);
  }
  100% {
    -webkit-transform: translate3d(98vw, 57vh, 18px) rotate(140deg);
    transform: translate3d(93vw, 16vh, 334px) rotate(7deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(28) {
  -webkit-animation: particle-animation-28 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-28 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 19px;
  width: 19px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -28s;
  animation-delay: -28s;
}

@-webkit-keyframes particle-animation-29 {
  0% {
    -webkit-transform: translate3d(56vw, 16vh, 73px) rotate(66deg);
    transform: translate3d(82vw, 27vh, 70px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(36vw, 43vh, 26px) rotate(67deg);
    transform: translate3d(26vw, 12vh, 24px) rotate(35deg);
  }
}
@keyframes particle-animation-29 {
  0% {
    -webkit-transform: translate3d(44vw, 81vh, 106px) rotate(9deg);
    transform: translate3d(88vw, 9vh, 252px) rotate(48deg);
  }
  100% {
    -webkit-transform: translate3d(106vw, 65vh, 272px) rotate(33deg);
    transform: translate3d(24vw, 2vh, 282px) rotate(134deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(29) {
  -webkit-animation: particle-animation-29 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-29 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 89px;
  width: 89px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -29s;
  animation-delay: -29s;
}

@-webkit-keyframes particle-animation-30 {
  0% {
    -webkit-transform: translate3d(30vw, 35vh, 369px) rotate(51deg);
    transform: translate3d(43vw, 69vh, 11px) rotate(76deg);
  }
  100% {
    -webkit-transform: translate3d(59vw, 75vh, 314px) rotate(18deg);
    transform: translate3d(26vw, 58vh, 161px) rotate(180deg);
  }
}
@keyframes particle-animation-30 {
  0% {
    -webkit-transform: translate3d(89vw, 26vh, 73px) rotate(8deg);
    transform: translate3d(110vw, 84vh, 154px) rotate(61deg);
  }
  100% {
    -webkit-transform: translate3d(35vw, 83vh, 218px) rotate(35deg);
    transform: translate3d(31vw, 50vh, 158px) rotate(21deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(30) {
  -webkit-animation: particle-animation-30 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-30 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 78px;
  width: 78px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -30s;
  animation-delay: -30s;
}

@-webkit-keyframes particle-animation-31 {
  0% {
    -webkit-transform: translate3d(55vw, 82vh, 303px) rotate(33deg);
    transform: translate3d(34vw, 8vh, 200px) rotate(24deg);
  }
  100% {
    -webkit-transform: translate3d(39vw, 7vh, 48px) rotate(81deg);
    transform: translate3d(61vw, 84vh, 140px) rotate(171deg);
  }
}
@keyframes particle-animation-31 {
  0% {
    -webkit-transform: translate3d(89vw, 53vh, 56px) rotate(5deg);
    transform: translate3d(61vw, 37vh, 389px) rotate(59deg);
  }
  100% {
    -webkit-transform: translate3d(12vw, 33vh, 193px) rotate(83deg);
    transform: translate3d(59vw, 91vh, 30px) rotate(118deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(31) {
  -webkit-animation: particle-animation-31 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-31 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 87px;
  width: 87px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -31s;
  animation-delay: -31s;
}

@-webkit-keyframes particle-animation-32 {
  0% {
    -webkit-transform: translate3d(62vw, 24vh, 145px) rotate(49deg);
    transform: translate3d(109vw, 33vh, 270px) rotate(46deg);
  }
  100% {
    -webkit-transform: translate3d(94vw, 40vh, 38px) rotate(2deg);
    transform: translate3d(24vw, 51vh, 91px) rotate(30deg);
  }
}
@keyframes particle-animation-32 {
  0% {
    -webkit-transform: translate3d(35vw, 6vh, 69px) rotate(85deg);
    transform: translate3d(29vw, 55vh, 372px) rotate(80deg);
  }
  100% {
    -webkit-transform: translate3d(78vw, 42vh, 54px) rotate(53deg);
    transform: translate3d(103vw, 86vh, 54px) rotate(40deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(32) {
  -webkit-animation: particle-animation-32 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-32 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -32s;
  animation-delay: -32s;
}

@-webkit-keyframes particle-animation-33 {
  0% {
    -webkit-transform: translate3d(25vw, 37vh, 123px) rotate(2deg);
    transform: translate3d(44vw, 90vh, 262px) rotate(80deg);
  }
  100% {
    -webkit-transform: translate3d(34vw, 63vh, 18px) rotate(79deg);
    transform: translate3d(20vw, 26vh, 199px) rotate(76deg);
  }
}
@keyframes particle-animation-33 {
  0% {
    -webkit-transform: translate3d(35vw, 43vh, 78px) rotate(61deg);
    transform: translate3d(8vw, 98vh, 104px) rotate(89deg);
  }
  100% {
    -webkit-transform: translate3d(16vw, 81vh, 158px) rotate(4deg);
    transform: translate3d(22vw, 97vh, 345px) rotate(115deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(33) {
  -webkit-animation: particle-animation-33 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-33 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 58px;
  width: 58px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -33s;
  animation-delay: -33s;
}

@-webkit-keyframes particle-animation-34 {
  0% {
    -webkit-transform: translate3d(47vw, 91vh, 24px) rotate(14deg);
    transform: translate3d(57vw, 65vh, 239px) rotate(83deg);
  }
  100% {
    -webkit-transform: translate3d(64vw, 91vh, 36px) rotate(84deg);
    transform: translate3d(80vw, 8vh, 254px) rotate(148deg);
  }
}
@keyframes particle-animation-34 {
  0% {
    -webkit-transform: translate3d(61vw, 90vh, 62px) rotate(54deg);
    transform: translate3d(56vw, 25vh, 159px) rotate(46deg);
  }
  100% {
    -webkit-transform: translate3d(110vw, 41vh, 13px) rotate(20deg);
    transform: translate3d(94vw, 99vh, 316px) rotate(20deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(34) {
  -webkit-animation: particle-animation-34 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-34 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 37px;
  width: 37px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -34s;
  animation-delay: -34s;
}

@-webkit-keyframes particle-animation-35 {
  0% {
    -webkit-transform: translate3d(76vw, 69vh, 262px) rotate(62deg);
    transform: translate3d(74vw, 75vh, 250px) rotate(14deg);
  }
  100% {
    -webkit-transform: translate3d(15vw, 96vh, 173px) rotate(27deg);
    transform: translate3d(98vw, 70vh, 190px) rotate(133deg);
  }
}
@keyframes particle-animation-35 {
  0% {
    -webkit-transform: translate3d(65vw, 12vh, 43px) rotate(28deg);
    transform: translate3d(40vw, 45vh, 380px) rotate(37deg);
  }
  100% {
    -webkit-transform: translate3d(62vw, 99vh, 18px) rotate(116deg);
    transform: translate3d(39vw, 19vh, 188px) rotate(6deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(35) {
  -webkit-animation: particle-animation-35 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-35 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 65px;
  width: 65px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -35s;
  animation-delay: -35s;
}

@-webkit-keyframes particle-animation-36 {
  0% {
    -webkit-transform: translate3d(104vw, 65vh, 254px) rotate(71deg);
    transform: translate3d(96vw, 8vh, 256px) rotate(34deg);
  }
  100% {
    -webkit-transform: translate3d(100vw, 91vh, 353px) rotate(64deg);
    transform: translate3d(71vw, 21vh, 293px) rotate(37deg);
  }
}
@keyframes particle-animation-36 {
  0% {
    -webkit-transform: translate3d(100vw, 5vh, 56px) rotate(85deg);
    transform: translate3d(82vw, 13vh, 294px) rotate(78deg);
  }
  100% {
    -webkit-transform: translate3d(59vw, 42vh, 169px) rotate(56deg);
    transform: translate3d(106vw, 36vh, 5px) rotate(57deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(36) {
  -webkit-animation: particle-animation-36 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-36 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 84px;
  width: 84px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -36s;
  animation-delay: -36s;
}

@-webkit-keyframes particle-animation-37 {
  0% {
    -webkit-transform: translate3d(14vw, 55vh, 205px) rotate(2deg);
    transform: translate3d(78vw, 29vh, 17px) rotate(53deg);
  }
  100% {
    -webkit-transform: translate3d(12vw, 74vh, 70px) rotate(65deg);
    transform: translate3d(1vw, 2vh, 68px) rotate(143deg);
  }
}
@keyframes particle-animation-37 {
  0% {
    -webkit-transform: translate3d(49vw, 99vh, 99px) rotate(19deg);
    transform: translate3d(52vw, 54vh, 365px) rotate(88deg);
  }
  100% {
    -webkit-transform: translate3d(56vw, 56vh, 137px) rotate(104deg);
    transform: translate3d(60vw, 60vh, 388px) rotate(67deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(37) {
  -webkit-animation: particle-animation-37 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-37 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 7px;
  width: 7px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -37s;
  animation-delay: -37s;
}

@-webkit-keyframes particle-animation-38 {
  0% {
    -webkit-transform: translate3d(59vw, 81vh, 174px) rotate(78deg);
    transform: translate3d(94vw, 93vh, 209px) rotate(43deg);
  }
  100% {
    -webkit-transform: translate3d(89vw, 94vh, 163px) rotate(131deg);
    transform: translate3d(18vw, 17vh, 53px) rotate(8deg);
  }
}
@keyframes particle-animation-38 {
  0% {
    -webkit-transform: translate3d(17vw, 14vh, 30px) rotate(41deg);
    transform: translate3d(77vw, 88vh, 133px) rotate(36deg);
  }
  100% {
    -webkit-transform: translate3d(35vw, 98vh, 72px) rotate(85deg);
    transform: translate3d(20vw, 68vh, 1px) rotate(126deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(38) {
  -webkit-animation: particle-animation-38 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-38 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 22px;
  width: 22px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -38s;
  animation-delay: -38s;
}

@-webkit-keyframes particle-animation-39 {
  0% {
    -webkit-transform: translate3d(98vw, 48vh, 64px) rotate(36deg);
    transform: translate3d(38vw, 23vh, 8px) rotate(21deg);
  }
  100% {
    -webkit-transform: translate3d(10vw, 5vh, 93px) rotate(51deg);
    transform: translate3d(75vw, 12vh, 221px) rotate(28deg);
  }
}
@keyframes particle-animation-39 {
  0% {
    -webkit-transform: translate3d(78vw, 66vh, 99px) rotate(57deg);
    transform: translate3d(6vw, 52vh, 110px) rotate(6deg);
  }
  100% {
    -webkit-transform: translate3d(12vw, 15vh, 313px) rotate(104deg);
    transform: translate3d(9vw, 20vh, 143px) rotate(89deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(39) {
  -webkit-animation: particle-animation-39 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-39 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 36px;
  width: 36px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -39s;
  animation-delay: -39s;
}

@-webkit-keyframes particle-animation-40 {
  0% {
    -webkit-transform: translate3d(36vw, 67vh, 145px) rotate(5deg);
    transform: translate3d(92vw, 11vh, 288px) rotate(17deg);
  }
  100% {
    -webkit-transform: translate3d(19vw, 25vh, 279px) rotate(164deg);
    transform: translate3d(9vw, 7vh, 134px) rotate(169deg);
  }
}
@keyframes particle-animation-40 {
  0% {
    -webkit-transform: translate3d(50vw, 46vh, 38px) rotate(52deg);
    transform: translate3d(99vw, 82vh, 259px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(33vw, 87vh, 209px) rotate(151deg);
    transform: translate3d(32vw, 37vh, 248px) rotate(15deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(40) {
  -webkit-animation: particle-animation-40 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-40 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -40s;
  animation-delay: -40s;
}

@-webkit-keyframes particle-animation-41 {
  0% {
    -webkit-transform: translate3d(4vw, 52vh, 327px) rotate(11deg);
    transform: translate3d(71vw, 55vh, 224px) rotate(12deg);
  }
  100% {
    -webkit-transform: translate3d(28vw, 15vh, 273px) rotate(61deg);
    transform: translate3d(82vw, 15vh, 54px) rotate(179deg);
  }
}
@keyframes particle-animation-41 {
  0% {
    -webkit-transform: translate3d(101vw, 53vh, 73px) rotate(38deg);
    transform: translate3d(56vw, 27vh, 334px) rotate(54deg);
  }
  100% {
    -webkit-transform: translate3d(50vw, 13vh, 209px) rotate(81deg);
    transform: translate3d(13vw, 60vh, 314px) rotate(57deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(41) {
  -webkit-animation: particle-animation-41 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-41 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 97px;
  width: 97px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -41s;
  animation-delay: -41s;
}

@-webkit-keyframes particle-animation-42 {
  0% {
    -webkit-transform: translate3d(38vw, 73vh, 8px) rotate(70deg);
    transform: translate3d(52vw, 94vh, 167px) rotate(61deg);
  }
  100% {
    -webkit-transform: translate3d(84vw, 30vh, 78px) rotate(101deg);
    transform: translate3d(11vw, 24vh, 366px) rotate(154deg);
  }
}
@keyframes particle-animation-42 {
  0% {
    -webkit-transform: translate3d(110vw, 10vh, 72px) rotate(28deg);
    transform: translate3d(70vw, 24vh, 104px) rotate(5deg);
  }
  100% {
    -webkit-transform: translate3d(31vw, 45vh, 226px) rotate(14deg);
    transform: translate3d(93vw, 35vh, 122px) rotate(164deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(42) {
  -webkit-animation: particle-animation-42 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-42 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -42s;
  animation-delay: -42s;
}

@-webkit-keyframes particle-animation-43 {
  0% {
    -webkit-transform: translate3d(105vw, 47vh, 333px) rotate(25deg);
    transform: translate3d(35vw, 98vh, 205px) rotate(12deg);
  }
  100% {
    -webkit-transform: translate3d(44vw, 38vh, 348px) rotate(45deg);
    transform: translate3d(110vw, 54vh, 26px) rotate(10deg);
  }
}
@keyframes particle-animation-43 {
  0% {
    -webkit-transform: translate3d(38vw, 59vh, 73px) rotate(32deg);
    transform: translate3d(108vw, 71vh, 84px) rotate(90deg);
  }
  100% {
    -webkit-transform: translate3d(47vw, 94vh, 12px) rotate(147deg);
    transform: translate3d(13vw, 42vh, 319px) rotate(171deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(43) {
  -webkit-animation: particle-animation-43 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-43 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 57px;
  width: 57px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -43s;
  animation-delay: -43s;
}

@-webkit-keyframes particle-animation-44 {
  0% {
    -webkit-transform: translate3d(101vw, 88vh, 322px) rotate(16deg);
    transform: translate3d(73vw, 83vh, 237px) rotate(84deg);
  }
  100% {
    -webkit-transform: translate3d(12vw, 65vh, 371px) rotate(74deg);
    transform: translate3d(38vw, 31vh, 372px) rotate(19deg);
  }
}
@keyframes particle-animation-44 {
  0% {
    -webkit-transform: translate3d(61vw, 81vh, 68px) rotate(68deg);
    transform: translate3d(107vw, 22vh, 245px) rotate(4deg);
  }
  100% {
    -webkit-transform: translate3d(39vw, 45vh, 66px) rotate(28deg);
    transform: translate3d(74vw, 91vh, 391px) rotate(35deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(44) {
  -webkit-animation: particle-animation-44 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-44 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 45px;
  width: 45px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -44s;
  animation-delay: -44s;
}

@-webkit-keyframes particle-animation-45 {
  0% {
    -webkit-transform: translate3d(5vw, 71vh, 241px) rotate(40deg);
    transform: translate3d(85vw, 14vh, 285px) rotate(19deg);
  }
  100% {
    -webkit-transform: translate3d(49vw, 85vh, 244px) rotate(123deg);
    transform: translate3d(75vw, 15vh, 54px) rotate(147deg);
  }
}
@keyframes particle-animation-45 {
  0% {
    -webkit-transform: translate3d(75vw, 92vh, 70px) rotate(22deg);
    transform: translate3d(79vw, 25vh, 149px) rotate(83deg);
  }
  100% {
    -webkit-transform: translate3d(77vw, 19vh, 120px) rotate(118deg);
    transform: translate3d(52vw, 29vh, 216px) rotate(157deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(45) {
  -webkit-animation: particle-animation-45 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-45 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 71px;
  width: 71px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -45s;
  animation-delay: -45s;
}

@-webkit-keyframes particle-animation-46 {
  0% {
    -webkit-transform: translate3d(44vw, 59vh, 314px) rotate(70deg);
    transform: translate3d(89vw, 34vh, 148px) rotate(35deg);
  }
  100% {
    -webkit-transform: translate3d(23vw, 63vh, 193px) rotate(42deg);
    transform: translate3d(108vw, 30vh, 193px) rotate(130deg);
  }
}
@keyframes particle-animation-46 {
  0% {
    -webkit-transform: translate3d(101vw, 67vh, 73px) rotate(88deg);
    transform: translate3d(101vw, 8vh, 370px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(10vw, 73vh, 2px) rotate(74deg);
    transform: translate3d(47vw, 49vh, 141px) rotate(89deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(46) {
  -webkit-animation: particle-animation-46 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-46 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 69px;
  width: 69px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -46s;
  animation-delay: -46s;
}

@-webkit-keyframes particle-animation-47 {
  0% {
    -webkit-transform: translate3d(50vw, 62vh, 157px) rotate(13deg);
    transform: translate3d(57vw, 5vh, 109px) rotate(10deg);
  }
  100% {
    -webkit-transform: translate3d(69vw, 29vh, 188px) rotate(172deg);
    transform: translate3d(96vw, 40vh, 324px) rotate(106deg);
  }
}
@keyframes particle-animation-47 {
  0% {
    -webkit-transform: translate3d(43vw, 39vh, 58px) rotate(25deg);
    transform: translate3d(71vw, 29vh, 300px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(41vw, 42vh, 146px) rotate(132deg);
    transform: translate3d(62vw, 61vh, 41px) rotate(87deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(47) {
  -webkit-animation: particle-animation-47 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-47 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 68px;
  width: 68px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -47s;
  animation-delay: -47s;
}

@-webkit-keyframes particle-animation-48 {
  0% {
    -webkit-transform: translate3d(39vw, 10vh, 354px) rotate(66deg);
    transform: translate3d(38vw, 61vh, 389px) rotate(39deg);
  }
  100% {
    -webkit-transform: translate3d(50vw, 100vh, 87px) rotate(142deg);
    transform: translate3d(56vw, 80vh, 248px) rotate(88deg);
  }
}
@keyframes particle-animation-48 {
  0% {
    -webkit-transform: translate3d(32vw, 59vh, 3px) rotate(23deg);
    transform: translate3d(81vw, 94vh, 10px) rotate(6deg);
  }
  100% {
    -webkit-transform: translate3d(27vw, 91vh, 93px) rotate(88deg);
    transform: translate3d(88vw, 61vh, 103px) rotate(129deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(48) {
  -webkit-animation: particle-animation-48 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-48 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 34px;
  width: 34px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -48s;
  animation-delay: -48s;
}

@-webkit-keyframes particle-animation-49 {
  0% {
    -webkit-transform: translate3d(12vw, 79vh, 83px) rotate(62deg);
    transform: translate3d(100vw, 43vh, 265px) rotate(90deg);
  }
  100% {
    -webkit-transform: translate3d(63vw, 51vh, 65px) rotate(113deg);
    transform: translate3d(13vw, 77vh, 369px) rotate(157deg);
  }
}
@keyframes particle-animation-49 {
  0% {
    -webkit-transform: translate3d(84vw, 56vh, 28px) rotate(75deg);
    transform: translate3d(74vw, 36vh, 6px) rotate(68deg);
  }
  100% {
    -webkit-transform: translate3d(35vw, 34vh, 359px) rotate(87deg);
    transform: translate3d(106vw, 49vh, 347px) rotate(114deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(49) {
  -webkit-animation: particle-animation-49 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-49 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 21px;
  width: 21px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -49s;
  animation-delay: -49s;
}

@-webkit-keyframes particle-animation-50 {
  0% {
    -webkit-transform: translate3d(5vw, 89vh, 84px) rotate(49deg);
    transform: translate3d(73vw, 74vh, 273px) rotate(48deg);
  }
  100% {
    -webkit-transform: translate3d(68vw, 79vh, 56px) rotate(6deg);
    transform: translate3d(25vw, 11vh, 151px) rotate(145deg);
  }
}
@keyframes particle-animation-50 {
  0% {
    -webkit-transform: translate3d(36vw, 23vh, 1px) rotate(60deg);
    transform: translate3d(1vw, 13vh, 244px) rotate(77deg);
  }
  100% {
    -webkit-transform: translate3d(24vw, 70vh, 22px) rotate(106deg);
    transform: translate3d(54vw, 56vh, 6px) rotate(158deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(50) {
  -webkit-animation: particle-animation-50 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-50 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 23px;
  width: 23px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -50s;
  animation-delay: -50s;
}

@-webkit-keyframes particle-animation-51 {
  0% {
    -webkit-transform: translate3d(37vw, 56vh, 353px) rotate(80deg);
    transform: translate3d(12vw, 54vh, 260px) rotate(67deg);
  }
  100% {
    -webkit-transform: translate3d(17vw, 3vh, 306px) rotate(140deg);
    transform: translate3d(37vw, 65vh, 90px) rotate(98deg);
  }
}
@keyframes particle-animation-51 {
  0% {
    -webkit-transform: translate3d(87vw, 75vh, 27px) rotate(17deg);
    transform: translate3d(43vw, 23vh, 316px) rotate(72deg);
  }
  100% {
    -webkit-transform: translate3d(40vw, 87vh, 244px) rotate(40deg);
    transform: translate3d(19vw, 30vh, 125px) rotate(173deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(51) {
  -webkit-animation: particle-animation-51 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-51 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 95px;
  width: 95px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -51s;
  animation-delay: -51s;
}

@-webkit-keyframes particle-animation-52 {
  0% {
    -webkit-transform: translate3d(13vw, 4vh, 300px) rotate(32deg);
    transform: translate3d(32vw, 38vh, 326px) rotate(46deg);
  }
  100% {
    -webkit-transform: translate3d(73vw, 68vh, 132px) rotate(49deg);
    transform: translate3d(94vw, 6vh, 385px) rotate(141deg);
  }
}
@keyframes particle-animation-52 {
  0% {
    -webkit-transform: translate3d(61vw, 77vh, 66px) rotate(12deg);
    transform: translate3d(17vw, 42vh, 129px) rotate(68deg);
  }
  100% {
    -webkit-transform: translate3d(59vw, 66vh, 188px) rotate(126deg);
    transform: translate3d(89vw, 47vh, 171px) rotate(100deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(52) {
  -webkit-animation: particle-animation-52 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-52 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 49px;
  width: 49px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -52s;
  animation-delay: -52s;
}

@-webkit-keyframes particle-animation-53 {
  0% {
    -webkit-transform: translate3d(59vw, 70vh, 95px) rotate(27deg);
    transform: translate3d(92vw, 56vh, 278px) rotate(22deg);
  }
  100% {
    -webkit-transform: translate3d(28vw, 95vh, 53px) rotate(48deg);
    transform: translate3d(40vw, 8vh, 140px) rotate(40deg);
  }
}
@keyframes particle-animation-53 {
  0% {
    -webkit-transform: translate3d(76vw, 84vh, 98px) rotate(39deg);
    transform: translate3d(11vw, 11vh, 191px) rotate(27deg);
  }
  100% {
    -webkit-transform: translate3d(13vw, 85vh, 382px) rotate(166deg);
    transform: translate3d(58vw, 25vh, 139px) rotate(175deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(53) {
  -webkit-animation: particle-animation-53 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-53 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 17px;
  width: 17px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -53s;
  animation-delay: -53s;
}

@-webkit-keyframes particle-animation-54 {
  0% {
    -webkit-transform: translate3d(80vw, 83vh, 243px) rotate(75deg);
    transform: translate3d(16vw, 90vh, 128px) rotate(84deg);
  }
  100% {
    -webkit-transform: translate3d(65vw, 80vh, 248px) rotate(162deg);
    transform: translate3d(21vw, 50vh, 96px) rotate(127deg);
  }
}
@keyframes particle-animation-54 {
  0% {
    -webkit-transform: translate3d(7vw, 81vh, 4px) rotate(14deg);
    transform: translate3d(96vw, 2vh, 385px) rotate(49deg);
  }
  100% {
    -webkit-transform: translate3d(81vw, 86vh, 336px) rotate(71deg);
    transform: translate3d(76vw, 64vh, 74px) rotate(118deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(54) {
  -webkit-animation: particle-animation-54 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-54 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 94px;
  width: 94px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -54s;
  animation-delay: -54s;
}

@-webkit-keyframes particle-animation-55 {
  0% {
    -webkit-transform: translate3d(27vw, 26vh, 140px) rotate(31deg);
    transform: translate3d(70vw, 73vh, 339px) rotate(56deg);
  }
  100% {
    -webkit-transform: translate3d(37vw, 7vh, 396px) rotate(49deg);
    transform: translate3d(29vw, 22vh, 62px) rotate(45deg);
  }
}
@keyframes particle-animation-55 {
  0% {
    -webkit-transform: translate3d(61vw, 4vh, 103px) rotate(19deg);
    transform: translate3d(34vw, 49vh, 354px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(2vw, 52vh, 374px) rotate(151deg);
    transform: translate3d(84vw, 54vh, 217px) rotate(131deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(55) {
  -webkit-animation: particle-animation-55 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-55 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 102px;
  width: 102px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -55s;
  animation-delay: -55s;
}

@-webkit-keyframes particle-animation-56 {
  0% {
    -webkit-transform: translate3d(73vw, 89vh, 241px) rotate(11deg);
    transform: translate3d(108vw, 55vh, 55px) rotate(46deg);
  }
  100% {
    -webkit-transform: translate3d(24vw, 13vh, 272px) rotate(53deg);
    transform: translate3d(89vw, 50vh, 319px) rotate(21deg);
  }
}
@keyframes particle-animation-56 {
  0% {
    -webkit-transform: translate3d(57vw, 68vh, 42px) rotate(27deg);
    transform: translate3d(28vw, 99vh, 143px) rotate(56deg);
  }
  100% {
    -webkit-transform: translate3d(21vw, 75vh, 306px) rotate(176deg);
    transform: translate3d(36vw, 41vh, 206px) rotate(109deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(56) {
  -webkit-animation: particle-animation-56 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-56 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 10px;
  width: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -56s;
  animation-delay: -56s;
}

@-webkit-keyframes particle-animation-57 {
  0% {
    -webkit-transform: translate3d(91vw, 53vh, 327px) rotate(41deg);
    transform: translate3d(14vw, 27vh, 306px) rotate(71deg);
  }
  100% {
    -webkit-transform: translate3d(80vw, 90vh, 248px) rotate(34deg);
    transform: translate3d(76vw, 53vh, 362px) rotate(4deg);
  }
}
@keyframes particle-animation-57 {
  0% {
    -webkit-transform: translate3d(43vw, 35vh, 71px) rotate(75deg);
    transform: translate3d(58vw, 91vh, 107px) rotate(51deg);
  }
  100% {
    -webkit-transform: translate3d(12vw, 67vh, 214px) rotate(74deg);
    transform: translate3d(42vw, 11vh, 216px) rotate(117deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(57) {
  -webkit-animation: particle-animation-57 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-57 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 84px;
  width: 84px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -57s;
  animation-delay: -57s;
}

@-webkit-keyframes particle-animation-58 {
  0% {
    -webkit-transform: translate3d(45vw, 72vh, 135px) rotate(21deg);
    transform: translate3d(16vw, 21vh, 103px) rotate(83deg);
  }
  100% {
    -webkit-transform: translate3d(27vw, 2vh, 296px) rotate(142deg);
    transform: translate3d(42vw, 53vh, 233px) rotate(49deg);
  }
}
@keyframes particle-animation-58 {
  0% {
    -webkit-transform: translate3d(89vw, 49vh, 104px) rotate(66deg);
    transform: translate3d(16vw, 73vh, 258px) rotate(48deg);
  }
  100% {
    -webkit-transform: translate3d(104vw, 45vh, 48px) rotate(42deg);
    transform: translate3d(5vw, 52vh, 60px) rotate(109deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(58) {
  -webkit-animation: particle-animation-58 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-58 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 37px;
  width: 37px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -58s;
  animation-delay: -58s;
}

@-webkit-keyframes particle-animation-59 {
  0% {
    -webkit-transform: translate3d(41vw, 44vh, 123px) rotate(68deg);
    transform: translate3d(49vw, 65vh, 368px) rotate(38deg);
  }
  100% {
    -webkit-transform: translate3d(93vw, 63vh, 227px) rotate(72deg);
    transform: translate3d(54vw, 26vh, 346px) rotate(130deg);
  }
}
@keyframes particle-animation-59 {
  0% {
    -webkit-transform: translate3d(91vw, 76vh, 24px) rotate(85deg);
    transform: translate3d(39vw, 86vh, 224px) rotate(61deg);
  }
  100% {
    -webkit-transform: translate3d(105vw, 5vh, 319px) rotate(155deg);
    transform: translate3d(2vw, 100vh, 246px) rotate(177deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(59) {
  -webkit-animation: particle-animation-59 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-59 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 37px;
  width: 37px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -59s;
  animation-delay: -59s;
}

@-webkit-keyframes particle-animation-60 {
  0% {
    -webkit-transform: translate3d(53vw, 6vh, 355px) rotate(82deg);
    transform: translate3d(60vw, 56vh, 66px) rotate(59deg);
  }
  100% {
    -webkit-transform: translate3d(49vw, 1vh, 386px) rotate(54deg);
    transform: translate3d(44vw, 54vh, 334px) rotate(128deg);
  }
}
@keyframes particle-animation-60 {
  0% {
    -webkit-transform: translate3d(43vw, 86vh, 70px) rotate(35deg);
    transform: translate3d(82vw, 17vh, 192px) rotate(51deg);
  }
  100% {
    -webkit-transform: translate3d(3vw, 63vh, 279px) rotate(67deg);
    transform: translate3d(68vw, 95vh, 181px) rotate(49deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(60) {
  -webkit-animation: particle-animation-60 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-60 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 12px;
  width: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -60s;
  animation-delay: -60s;
}

@-webkit-keyframes particle-animation-61 {
  0% {
    -webkit-transform: translate3d(57vw, 38vh, 292px) rotate(54deg);
    transform: translate3d(104vw, 100vh, 50px) rotate(21deg);
  }
  100% {
    -webkit-transform: translate3d(8vw, 12vh, 109px) rotate(28deg);
    transform: translate3d(72vw, 35vh, 358px) rotate(61deg);
  }
}
@keyframes particle-animation-61 {
  0% {
    -webkit-transform: translate3d(42vw, 45vh, 70px) rotate(40deg);
    transform: translate3d(77vw, 76vh, 25px) rotate(81deg);
  }
  100% {
    -webkit-transform: translate3d(48vw, 56vh, 158px) rotate(157deg);
    transform: translate3d(38vw, 8vh, 287px) rotate(84deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(61) {
  -webkit-animation: particle-animation-61 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-61 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 80px;
  width: 80px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -61s;
  animation-delay: -61s;
}

@-webkit-keyframes particle-animation-62 {
  0% {
    -webkit-transform: translate3d(78vw, 87vh, 219px) rotate(81deg);
    transform: translate3d(108vw, 71vh, 43px) rotate(29deg);
  }
  100% {
    -webkit-transform: translate3d(1vw, 54vh, 200px) rotate(20deg);
    transform: translate3d(50vw, 5vh, 278px) rotate(13deg);
  }
}
@keyframes particle-animation-62 {
  0% {
    -webkit-transform: translate3d(7vw, 71vh, 2px) rotate(85deg);
    transform: translate3d(101vw, 36vh, 107px) rotate(66deg);
  }
  100% {
    -webkit-transform: translate3d(87vw, 33vh, 235px) rotate(112deg);
    transform: translate3d(45vw, 81vh, 82px) rotate(31deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(62) {
  -webkit-animation: particle-animation-62 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-62 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 19px;
  width: 19px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -62s;
  animation-delay: -62s;
}

@-webkit-keyframes particle-animation-63 {
  0% {
    -webkit-transform: translate3d(58vw, 25vh, 1px) rotate(78deg);
    transform: translate3d(107vw, 23vh, 366px) rotate(8deg);
  }
  100% {
    -webkit-transform: translate3d(80vw, 90vh, 98px) rotate(109deg);
    transform: translate3d(34vw, 29vh, 36px) rotate(31deg);
  }
}
@keyframes particle-animation-63 {
  0% {
    -webkit-transform: translate3d(25vw, 17vh, 31px) rotate(30deg);
    transform: translate3d(16vw, 57vh, 8px) rotate(62deg);
  }
  100% {
    -webkit-transform: translate3d(84vw, 42vh, 305px) rotate(96deg);
    transform: translate3d(57vw, 58vh, 280px) rotate(125deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(63) {
  -webkit-animation: particle-animation-63 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-63 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 47px;
  width: 47px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -63s;
  animation-delay: -63s;
}

@-webkit-keyframes particle-animation-64 {
  0% {
    -webkit-transform: translate3d(19vw, 6vh, 382px) rotate(36deg);
    transform: translate3d(106vw, 62vh, 118px) rotate(82deg);
  }
  100% {
    -webkit-transform: translate3d(78vw, 6vh, 343px) rotate(64deg);
    transform: translate3d(95vw, 80vh, 183px) rotate(73deg);
  }
}
@keyframes particle-animation-64 {
  0% {
    -webkit-transform: translate3d(85vw, 54vh, 8px) rotate(11deg);
    transform: translate3d(46vw, 92vh, 119px) rotate(69deg);
  }
  100% {
    -webkit-transform: translate3d(88vw, 32vh, 89px) rotate(6deg);
    transform: translate3d(28vw, 47vh, 137px) rotate(176deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(64) {
  -webkit-animation: particle-animation-64 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-64 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 11px;
  width: 11px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -64s;
  animation-delay: -64s;
}

@-webkit-keyframes particle-animation-65 {
  0% {
    -webkit-transform: translate3d(48vw, 27vh, 84px) rotate(81deg);
    transform: translate3d(86vw, 65vh, 59px) rotate(34deg);
  }
  100% {
    -webkit-transform: translate3d(24vw, 30vh, 16px) rotate(164deg);
    transform: translate3d(38vw, 78vh, 139px) rotate(120deg);
  }
}
@keyframes particle-animation-65 {
  0% {
    -webkit-transform: translate3d(61vw, 73vh, 73px) rotate(40deg);
    transform: translate3d(71vw, 25vh, 146px) rotate(38deg);
  }
  100% {
    -webkit-transform: translate3d(71vw, 13vh, 311px) rotate(72deg);
    transform: translate3d(107vw, 24vh, 332px) rotate(122deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(65) {
  -webkit-animation: particle-animation-65 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-65 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 70px;
  width: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -65s;
  animation-delay: -65s;
}

@-webkit-keyframes particle-animation-66 {
  0% {
    -webkit-transform: translate3d(63vw, 39vh, 180px) rotate(21deg);
    transform: translate3d(60vw, 91vh, 177px) rotate(42deg);
  }
  100% {
    -webkit-transform: translate3d(41vw, 28vh, 71px) rotate(118deg);
    transform: translate3d(67vw, 98vh, 332px) rotate(105deg);
  }
}
@keyframes particle-animation-66 {
  0% {
    -webkit-transform: translate3d(83vw, 59vh, 78px) rotate(51deg);
    transform: translate3d(10vw, 34vh, 161px) rotate(59deg);
  }
  100% {
    -webkit-transform: translate3d(22vw, 88vh, 156px) rotate(103deg);
    transform: translate3d(12vw, 99vh, 78px) rotate(159deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(66) {
  -webkit-animation: particle-animation-66 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-66 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 43px;
  width: 43px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -66s;
  animation-delay: -66s;
}

@-webkit-keyframes particle-animation-67 {
  0% {
    -webkit-transform: translate3d(23vw, 49vh, 118px) rotate(66deg);
    transform: translate3d(4vw, 68vh, 382px) rotate(44deg);
  }
  100% {
    -webkit-transform: translate3d(42vw, 81vh, 305px) rotate(135deg);
    transform: translate3d(11vw, 45vh, 176px) rotate(43deg);
  }
}
@keyframes particle-animation-67 {
  0% {
    -webkit-transform: translate3d(100vw, 80vh, 38px) rotate(35deg);
    transform: translate3d(90vw, 42vh, 74px) rotate(53deg);
  }
  100% {
    -webkit-transform: translate3d(69vw, 22vh, 344px) rotate(158deg);
    transform: translate3d(103vw, 31vh, 42px) rotate(138deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(67) {
  -webkit-animation: particle-animation-67 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-67 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 27px;
  width: 27px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -67s;
  animation-delay: -67s;
}

@-webkit-keyframes particle-animation-68 {
  0% {
    -webkit-transform: translate3d(33vw, 45vh, 96px) rotate(20deg);
    transform: translate3d(55vw, 42vh, 280px) rotate(65deg);
  }
  100% {
    -webkit-transform: translate3d(22vw, 4vh, 182px) rotate(127deg);
    transform: translate3d(65vw, 19vh, 240px) rotate(111deg);
  }
}
@keyframes particle-animation-68 {
  0% {
    -webkit-transform: translate3d(52vw, 73vh, 17px) rotate(7deg);
    transform: translate3d(100vw, 60vh, 370px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(20vw, 79vh, 104px) rotate(82deg);
    transform: translate3d(88vw, 34vh, 63px) rotate(66deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(68) {
  -webkit-animation: particle-animation-68 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-68 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 99px;
  width: 99px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -68s;
  animation-delay: -68s;
}

@-webkit-keyframes particle-animation-69 {
  0% {
    -webkit-transform: translate3d(90vw, 54vh, 178px) rotate(53deg);
    transform: translate3d(39vw, 71vh, 274px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(45vw, 74vh, 133px) rotate(73deg);
    transform: translate3d(14vw, 64vh, 284px) rotate(165deg);
  }
}
@keyframes particle-animation-69 {
  0% {
    -webkit-transform: translate3d(13vw, 10vh, 36px) rotate(38deg);
    transform: translate3d(13vw, 38vh, 380px) rotate(72deg);
  }
  100% {
    -webkit-transform: translate3d(104vw, 56vh, 25px) rotate(68deg);
    transform: translate3d(73vw, 64vh, 107px) rotate(137deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(69) {
  -webkit-animation: particle-animation-69 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-69 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 95px;
  width: 95px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -69s;
  animation-delay: -69s;
}

@-webkit-keyframes particle-animation-70 {
  0% {
    -webkit-transform: translate3d(55vw, 66vh, 196px) rotate(57deg);
    transform: translate3d(37vw, 35vh, 111px) rotate(88deg);
  }
  100% {
    -webkit-transform: translate3d(32vw, 77vh, 137px) rotate(166deg);
    transform: translate3d(22vw, 99vh, 25px) rotate(87deg);
  }
}
@keyframes particle-animation-70 {
  0% {
    -webkit-transform: translate3d(39vw, 60vh, 21px) rotate(27deg);
    transform: translate3d(5vw, 36vh, 79px) rotate(77deg);
  }
  100% {
    -webkit-transform: translate3d(56vw, 35vh, 337px) rotate(64deg);
    transform: translate3d(12vw, 59vh, 70px) rotate(21deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(70) {
  -webkit-animation: particle-animation-70 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-70 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -70s;
  animation-delay: -70s;
}

@-webkit-keyframes particle-animation-71 {
  0% {
    -webkit-transform: translate3d(100vw, 71vh, 327px) rotate(22deg);
    transform: translate3d(6vw, 64vh, 112px) rotate(17deg);
  }
  100% {
    -webkit-transform: translate3d(57vw, 78vh, 46px) rotate(159deg);
    transform: translate3d(94vw, 37vh, 105px) rotate(108deg);
  }
}
@keyframes particle-animation-71 {
  0% {
    -webkit-transform: translate3d(90vw, 94vh, 51px) rotate(10deg);
    transform: translate3d(103vw, 53vh, 122px) rotate(76deg);
  }
  100% {
    -webkit-transform: translate3d(56vw, 53vh, 118px) rotate(154deg);
    transform: translate3d(109vw, 50vh, 322px) rotate(13deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(71) {
  -webkit-animation: particle-animation-71 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-71 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 55px;
  width: 55px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -71s;
  animation-delay: -71s;
}

@-webkit-keyframes particle-animation-72 {
  0% {
    -webkit-transform: translate3d(56vw, 27vh, 194px) rotate(36deg);
    transform: translate3d(108vw, 35vh, 224px) rotate(40deg);
  }
  100% {
    -webkit-transform: translate3d(82vw, 97vh, 12px) rotate(67deg);
    transform: translate3d(14vw, 6vh, 289px) rotate(155deg);
  }
}
@keyframes particle-animation-72 {
  0% {
    -webkit-transform: translate3d(91vw, 22vh, 108px) rotate(67deg);
    transform: translate3d(92vw, 4vh, 53px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(25vw, 82vh, 150px) rotate(164deg);
    transform: translate3d(70vw, 3vh, 236px) rotate(137deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(72) {
  -webkit-animation: particle-animation-72 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-72 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 36px;
  width: 36px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -72s;
  animation-delay: -72s;
}

@-webkit-keyframes particle-animation-73 {
  0% {
    -webkit-transform: translate3d(22vw, 36vh, 133px) rotate(49deg);
    transform: translate3d(50vw, 97vh, 1px) rotate(85deg);
  }
  100% {
    -webkit-transform: translate3d(19vw, 57vh, 315px) rotate(134deg);
    transform: translate3d(101vw, 71vh, 262px) rotate(43deg);
  }
}
@keyframes particle-animation-73 {
  0% {
    -webkit-transform: translate3d(19vw, 48vh, 98px) rotate(70deg);
    transform: translate3d(10vw, 55vh, 262px) rotate(25deg);
  }
  100% {
    -webkit-transform: translate3d(102vw, 32vh, 266px) rotate(176deg);
    transform: translate3d(60vw, 9vh, 47px) rotate(143deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(73) {
  -webkit-animation: particle-animation-73 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-73 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 30px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -73s;
  animation-delay: -73s;
}

@-webkit-keyframes particle-animation-74 {
  0% {
    -webkit-transform: translate3d(5vw, 14vh, 155px) rotate(37deg);
    transform: translate3d(98vw, 44vh, 140px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(65vw, 12vh, 207px) rotate(151deg);
    transform: translate3d(105vw, 32vh, 149px) rotate(165deg);
  }
}
@keyframes particle-animation-74 {
  0% {
    -webkit-transform: translate3d(60vw, 15vh, 30px) rotate(12deg);
    transform: translate3d(3vw, 14vh, 256px) rotate(77deg);
  }
  100% {
    -webkit-transform: translate3d(109vw, 20vh, 271px) rotate(149deg);
    transform: translate3d(47vw, 31vh, 215px) rotate(97deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(74) {
  -webkit-animation: particle-animation-74 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-74 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 64px;
  width: 64px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -74s;
  animation-delay: -74s;
}

@-webkit-keyframes particle-animation-75 {
  0% {
    -webkit-transform: translate3d(41vw, 68vh, 23px) rotate(48deg);
    transform: translate3d(56vw, 3vh, 131px) rotate(16deg);
  }
  100% {
    -webkit-transform: translate3d(9vw, 41vh, 180px) rotate(158deg);
    transform: translate3d(19vw, 25vh, 68px) rotate(106deg);
  }
}
@keyframes particle-animation-75 {
  0% {
    -webkit-transform: translate3d(38vw, 73vh, 9px) rotate(40deg);
    transform: translate3d(25vw, 36vh, 235px) rotate(62deg);
  }
  100% {
    -webkit-transform: translate3d(41vw, 51vh, 308px) rotate(152deg);
    transform: translate3d(64vw, 33vh, 4px) rotate(161deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(75) {
  -webkit-animation: particle-animation-75 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-75 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 104px;
  width: 104px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -75s;
  animation-delay: -75s;
}

@-webkit-keyframes particle-animation-76 {
  0% {
    -webkit-transform: translate3d(19vw, 57vh, 207px) rotate(1deg);
    transform: translate3d(49vw, 56vh, 250px) rotate(68deg);
  }
  100% {
    -webkit-transform: translate3d(98vw, 10vh, 281px) rotate(110deg);
    transform: translate3d(25vw, 76vh, 361px) rotate(53deg);
  }
}
@keyframes particle-animation-76 {
  0% {
    -webkit-transform: translate3d(52vw, 22vh, 37px) rotate(21deg);
    transform: translate3d(31vw, 86vh, 356px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(21vw, 77vh, 42px) rotate(51deg);
    transform: translate3d(66vw, 25vh, 192px) rotate(47deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(76) {
  -webkit-animation: particle-animation-76 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-76 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 88px;
  width: 88px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -76s;
  animation-delay: -76s;
}

@-webkit-keyframes particle-animation-77 {
  0% {
    -webkit-transform: translate3d(23vw, 20vh, 136px) rotate(46deg);
    transform: translate3d(104vw, 6vh, 88px) rotate(11deg);
  }
  100% {
    -webkit-transform: translate3d(16vw, 49vh, 391px) rotate(82deg);
    transform: translate3d(31vw, 43vh, 290px) rotate(72deg);
  }
}
@keyframes particle-animation-77 {
  0% {
    -webkit-transform: translate3d(90vw, 31vh, 48px) rotate(84deg);
    transform: translate3d(104vw, 35vh, 225px) rotate(29deg);
  }
  100% {
    -webkit-transform: translate3d(22vw, 39vh, 5px) rotate(74deg);
    transform: translate3d(35vw, 51vh, 317px) rotate(52deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(77) {
  -webkit-animation: particle-animation-77 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-77 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 76px;
  width: 76px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -77s;
  animation-delay: -77s;
}

@-webkit-keyframes particle-animation-78 {
  0% {
    -webkit-transform: translate3d(69vw, 38vh, 158px) rotate(13deg);
    transform: translate3d(62vw, 59vh, 364px) rotate(19deg);
  }
  100% {
    -webkit-transform: translate3d(107vw, 62vh, 308px) rotate(131deg);
    transform: translate3d(12vw, 75vh, 317px) rotate(67deg);
  }
}
@keyframes particle-animation-78 {
  0% {
    -webkit-transform: translate3d(86vw, 68vh, 79px) rotate(67deg);
    transform: translate3d(19vw, 20vh, 230px) rotate(90deg);
  }
  100% {
    -webkit-transform: translate3d(37vw, 74vh, 279px) rotate(95deg);
    transform: translate3d(30vw, 39vh, 172px) rotate(37deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(78) {
  -webkit-animation: particle-animation-78 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-78 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 100px;
  width: 100px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -78s;
  animation-delay: -78s;
}

@-webkit-keyframes particle-animation-79 {
  0% {
    -webkit-transform: translate3d(84vw, 15vh, 149px) rotate(53deg);
    transform: translate3d(52vw, 30vh, 318px) rotate(16deg);
  }
  100% {
    -webkit-transform: translate3d(46vw, 78vh, 117px) rotate(165deg);
    transform: translate3d(68vw, 22vh, 14px) rotate(37deg);
  }
}
@keyframes particle-animation-79 {
  0% {
    -webkit-transform: translate3d(99vw, 37vh, 9px) rotate(31deg);
    transform: translate3d(73vw, 70vh, 17px) rotate(20deg);
  }
  100% {
    -webkit-transform: translate3d(51vw, 67vh, 285px) rotate(173deg);
    transform: translate3d(9vw, 87vh, 96px) rotate(109deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(79) {
  -webkit-animation: particle-animation-79 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-79 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -79s;
  animation-delay: -79s;
}

@-webkit-keyframes particle-animation-80 {
  0% {
    -webkit-transform: translate3d(22vw, 86vh, 212px) rotate(26deg);
    transform: translate3d(85vw, 38vh, 90px) rotate(34deg);
  }
  100% {
    -webkit-transform: translate3d(89vw, 72vh, 181px) rotate(62deg);
    transform: translate3d(98vw, 30vh, 211px) rotate(26deg);
  }
}
@keyframes particle-animation-80 {
  0% {
    -webkit-transform: translate3d(89vw, 43vh, 48px) rotate(78deg);
    transform: translate3d(51vw, 32vh, 381px) rotate(80deg);
  }
  100% {
    -webkit-transform: translate3d(10vw, 92vh, 214px) rotate(55deg);
    transform: translate3d(56vw, 19vh, 381px) rotate(13deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(80) {
  -webkit-animation: particle-animation-80 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-80 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 81px;
  width: 81px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -80s;
  animation-delay: -80s;
}

@-webkit-keyframes particle-animation-81 {
  0% {
    -webkit-transform: translate3d(41vw, 52vh, 195px) rotate(67deg);
    transform: translate3d(108vw, 82vh, 273px) rotate(35deg);
  }
  100% {
    -webkit-transform: translate3d(32vw, 18vh, 125px) rotate(40deg);
    transform: translate3d(7vw, 65vh, 378px) rotate(38deg);
  }
}
@keyframes particle-animation-81 {
  0% {
    -webkit-transform: translate3d(104vw, 95vh, 58px) rotate(69deg);
    transform: translate3d(90vw, 90vh, 89px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(43vw, 45vh, 93px) rotate(8deg);
    transform: translate3d(11vw, 96vh, 367px) rotate(22deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(81) {
  -webkit-animation: particle-animation-81 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-81 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 89px;
  width: 89px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -81s;
  animation-delay: -81s;
}

@-webkit-keyframes particle-animation-82 {
  0% {
    -webkit-transform: translate3d(82vw, 28vh, 202px) rotate(20deg);
    transform: translate3d(77vw, 54vh, 197px) rotate(82deg);
  }
  100% {
    -webkit-transform: translate3d(27vw, 97vh, 143px) rotate(54deg);
    transform: translate3d(89vw, 8vh, 38px) rotate(72deg);
  }
}
@keyframes particle-animation-82 {
  0% {
    -webkit-transform: translate3d(95vw, 49vh, 24px) rotate(5deg);
    transform: translate3d(78vw, 77vh, 142px) rotate(8deg);
  }
  100% {
    -webkit-transform: translate3d(66vw, 10vh, 370px) rotate(98deg);
    transform: translate3d(57vw, 82vh, 397px) rotate(125deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(82) {
  -webkit-animation: particle-animation-82 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-82 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 71px;
  width: 71px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -82s;
  animation-delay: -82s;
}

@-webkit-keyframes particle-animation-83 {
  0% {
    -webkit-transform: translate3d(7vw, 29vh, 334px) rotate(48deg);
    transform: translate3d(67vw, 28vh, 171px) rotate(47deg);
  }
  100% {
    -webkit-transform: translate3d(69vw, 22vh, 228px) rotate(81deg);
    transform: translate3d(101vw, 98vh, 212px) rotate(29deg);
  }
}
@keyframes particle-animation-83 {
  0% {
    -webkit-transform: translate3d(18vw, 8vh, 6px) rotate(77deg);
    transform: translate3d(43vw, 82vh, 32px) rotate(80deg);
  }
  100% {
    -webkit-transform: translate3d(78vw, 86vh, 360px) rotate(89deg);
    transform: translate3d(68vw, 17vh, 227px) rotate(79deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(83) {
  -webkit-animation: particle-animation-83 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-83 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 101px;
  width: 101px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -83s;
  animation-delay: -83s;
}

@-webkit-keyframes particle-animation-84 {
  0% {
    -webkit-transform: translate3d(106vw, 64vh, 112px) rotate(17deg);
    transform: translate3d(32vw, 56vh, 129px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(50vw, 42vh, 55px) rotate(86deg);
    transform: translate3d(101vw, 57vh, 229px) rotate(22deg);
  }
}
@keyframes particle-animation-84 {
  0% {
    -webkit-transform: translate3d(102vw, 66vh, 55px) rotate(8deg);
    transform: translate3d(76vw, 81vh, 319px) rotate(40deg);
  }
  100% {
    -webkit-transform: translate3d(9vw, 55vh, 347px) rotate(78deg);
    transform: translate3d(18vw, 38vh, 219px) rotate(123deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(84) {
  -webkit-animation: particle-animation-84 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-84 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 61px;
  width: 61px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -84s;
  animation-delay: -84s;
}

@-webkit-keyframes particle-animation-85 {
  0% {
    -webkit-transform: translate3d(69vw, 51vh, 188px) rotate(4deg);
    transform: translate3d(110vw, 67vh, 327px) rotate(33deg);
  }
  100% {
    -webkit-transform: translate3d(90vw, 77vh, 54px) rotate(14deg);
    transform: translate3d(61vw, 81vh, 378px) rotate(82deg);
  }
}
@keyframes particle-animation-85 {
  0% {
    -webkit-transform: translate3d(84vw, 65vh, 66px) rotate(64deg);
    transform: translate3d(106vw, 100vh, 22px) rotate(36deg);
  }
  100% {
    -webkit-transform: translate3d(58vw, 51vh, 315px) rotate(134deg);
    transform: translate3d(73vw, 68vh, 214px) rotate(34deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(85) {
  -webkit-animation: particle-animation-85 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-85 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 67px;
  width: 67px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -85s;
  animation-delay: -85s;
}

@-webkit-keyframes particle-animation-86 {
  0% {
    -webkit-transform: translate3d(5vw, 13vh, 175px) rotate(54deg);
    transform: translate3d(62vw, 25vh, 302px) rotate(4deg);
  }
  100% {
    -webkit-transform: translate3d(9vw, 27vh, 221px) rotate(55deg);
    transform: translate3d(13vw, 14vh, 149px) rotate(128deg);
  }
}
@keyframes particle-animation-86 {
  0% {
    -webkit-transform: translate3d(44vw, 16vh, 20px) rotate(16deg);
    transform: translate3d(8vw, 74vh, 388px) rotate(7deg);
  }
  100% {
    -webkit-transform: translate3d(71vw, 82vh, 249px) rotate(144deg);
    transform: translate3d(3vw, 70vh, 44px) rotate(115deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(86) {
  -webkit-animation: particle-animation-86 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-86 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 47px;
  width: 47px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -86s;
  animation-delay: -86s;
}

@-webkit-keyframes particle-animation-87 {
  0% {
    -webkit-transform: translate3d(18vw, 100vh, 3px) rotate(4deg);
    transform: translate3d(79vw, 87vh, 89px) rotate(85deg);
  }
  100% {
    -webkit-transform: translate3d(71vw, 95vh, 289px) rotate(99deg);
    transform: translate3d(14vw, 95vh, 398px) rotate(58deg);
  }
}
@keyframes particle-animation-87 {
  0% {
    -webkit-transform: translate3d(22vw, 28vh, 30px) rotate(49deg);
    transform: translate3d(23vw, 43vh, 316px) rotate(20deg);
  }
  100% {
    -webkit-transform: translate3d(69vw, 49vh, 112px) rotate(73deg);
    transform: translate3d(35vw, 36vh, 211px) rotate(59deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(87) {
  -webkit-animation: particle-animation-87 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-87 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 45px;
  width: 45px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -87s;
  animation-delay: -87s;
}

@-webkit-keyframes particle-animation-88 {
  0% {
    -webkit-transform: translate3d(88vw, 99vh, 267px) rotate(60deg);
    transform: translate3d(93vw, 30vh, 391px) rotate(8deg);
  }
  100% {
    -webkit-transform: translate3d(6vw, 51vh, 150px) rotate(81deg);
    transform: translate3d(46vw, 25vh, 386px) rotate(63deg);
  }
}
@keyframes particle-animation-88 {
  0% {
    -webkit-transform: translate3d(95vw, 34vh, 81px) rotate(70deg);
    transform: translate3d(34vw, 55vh, 77px) rotate(47deg);
  }
  100% {
    -webkit-transform: translate3d(47vw, 95vh, 396px) rotate(6deg);
    transform: translate3d(92vw, 19vh, 41px) rotate(113deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(88) {
  -webkit-animation: particle-animation-88 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-88 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 91px;
  width: 91px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -88s;
  animation-delay: -88s;
}

@-webkit-keyframes particle-animation-89 {
  0% {
    -webkit-transform: translate3d(100vw, 98vh, 236px) rotate(71deg);
    transform: translate3d(93vw, 77vh, 90px) rotate(65deg);
  }
  100% {
    -webkit-transform: translate3d(62vw, 54vh, 82px) rotate(12deg);
    transform: translate3d(9vw, 93vh, 281px) rotate(82deg);
  }
}
@keyframes particle-animation-89 {
  0% {
    -webkit-transform: translate3d(105vw, 35vh, 58px) rotate(54deg);
    transform: translate3d(23vw, 11vh, 18px) rotate(71deg);
  }
  100% {
    -webkit-transform: translate3d(47vw, 20vh, 192px) rotate(78deg);
    transform: translate3d(53vw, 79vh, 219px) rotate(26deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(89) {
  -webkit-animation: particle-animation-89 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-89 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 56px;
  width: 56px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -89s;
  animation-delay: -89s;
}

@-webkit-keyframes particle-animation-90 {
  0% {
    -webkit-transform: translate3d(47vw, 66vh, 364px) rotate(1deg);
    transform: translate3d(26vw, 28vh, 371px) rotate(37deg);
  }
  100% {
    -webkit-transform: translate3d(11vw, 62vh, 165px) rotate(89deg);
    transform: translate3d(106vw, 76vh, 342px) rotate(123deg);
  }
}
@keyframes particle-animation-90 {
  0% {
    -webkit-transform: translate3d(19vw, 16vh, 56px) rotate(44deg);
    transform: translate3d(50vw, 22vh, 358px) rotate(3deg);
  }
  100% {
    -webkit-transform: translate3d(102vw, 14vh, 329px) rotate(162deg);
    transform: translate3d(102vw, 80vh, 31px) rotate(46deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(90) {
  -webkit-animation: particle-animation-90 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-90 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 104px;
  width: 104px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -90s;
  animation-delay: -90s;
}

@-webkit-keyframes particle-animation-91 {
  0% {
    -webkit-transform: translate3d(21vw, 66vh, 232px) rotate(5deg);
    transform: translate3d(27vw, 79vh, 4px) rotate(79deg);
  }
  100% {
    -webkit-transform: translate3d(58vw, 10vh, 251px) rotate(151deg);
    transform: translate3d(96vw, 52vh, 163px) rotate(131deg);
  }
}
@keyframes particle-animation-91 {
  0% {
    -webkit-transform: translate3d(97vw, 11vh, 84px) rotate(22deg);
    transform: translate3d(108vw, 51vh, 183px) rotate(15deg);
  }
  100% {
    -webkit-transform: translate3d(63vw, 100vh, 242px) rotate(93deg);
    transform: translate3d(5vw, 20vh, 280px) rotate(134deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(91) {
  -webkit-animation: particle-animation-91 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-91 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 58px;
  width: 58px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -91s;
  animation-delay: -91s;
}

@-webkit-keyframes particle-animation-92 {
  0% {
    -webkit-transform: translate3d(109vw, 91vh, 172px) rotate(18deg);
    transform: translate3d(19vw, 67vh, 313px) rotate(12deg);
  }
  100% {
    -webkit-transform: translate3d(27vw, 63vh, 357px) rotate(163deg);
    transform: translate3d(18vw, 85vh, 377px) rotate(168deg);
  }
}
@keyframes particle-animation-92 {
  0% {
    -webkit-transform: translate3d(33vw, 99vh, 9px) rotate(6deg);
    transform: translate3d(110vw, 42vh, 188px) rotate(27deg);
  }
  100% {
    -webkit-transform: translate3d(7vw, 66vh, 372px) rotate(130deg);
    transform: translate3d(44vw, 17vh, 156px) rotate(162deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(92) {
  -webkit-animation: particle-animation-92 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-92 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 73px;
  width: 73px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -92s;
  animation-delay: -92s;
}

@-webkit-keyframes particle-animation-93 {
  0% {
    -webkit-transform: translate3d(56vw, 64vh, 250px) rotate(10deg);
    transform: translate3d(10vw, 33vh, 372px) rotate(74deg);
  }
  100% {
    -webkit-transform: translate3d(83vw, 67vh, 110px) rotate(97deg);
    transform: translate3d(36vw, 65vh, 276px) rotate(3deg);
  }
}
@keyframes particle-animation-93 {
  0% {
    -webkit-transform: translate3d(31vw, 6vh, 104px) rotate(85deg);
    transform: translate3d(21vw, 5vh, 112px) rotate(75deg);
  }
  100% {
    -webkit-transform: translate3d(53vw, 95vh, 76px) rotate(109deg);
    transform: translate3d(57vw, 13vh, 122px) rotate(137deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(93) {
  -webkit-animation: particle-animation-93 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-93 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 24px;
  width: 24px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -93s;
  animation-delay: -93s;
}

@-webkit-keyframes particle-animation-94 {
  0% {
    -webkit-transform: translate3d(83vw, 58vh, 330px) rotate(87deg);
    transform: translate3d(109vw, 82vh, 350px) rotate(87deg);
  }
  100% {
    -webkit-transform: translate3d(52vw, 40vh, 340px) rotate(125deg);
    transform: translate3d(38vw, 50vh, 83px) rotate(128deg);
  }
}
@keyframes particle-animation-94 {
  0% {
    -webkit-transform: translate3d(35vw, 68vh, 85px) rotate(61deg);
    transform: translate3d(55vw, 42vh, 7px) rotate(72deg);
  }
  100% {
    -webkit-transform: translate3d(99vw, 26vh, 208px) rotate(63deg);
    transform: translate3d(20vw, 29vh, 333px) rotate(8deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(94) {
  -webkit-animation: particle-animation-94 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-94 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 93px;
  width: 93px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -94s;
  animation-delay: -94s;
}

@-webkit-keyframes particle-animation-95 {
  0% {
    -webkit-transform: translate3d(40vw, 71vh, 45px) rotate(83deg);
    transform: translate3d(3vw, 82vh, 92px) rotate(28deg);
  }
  100% {
    -webkit-transform: translate3d(9vw, 26vh, 176px) rotate(75deg);
    transform: translate3d(100vw, 54vh, 277px) rotate(137deg);
  }
}
@keyframes particle-animation-95 {
  0% {
    -webkit-transform: translate3d(71vw, 72vh, 70px) rotate(58deg);
    transform: translate3d(90vw, 55vh, 126px) rotate(90deg);
  }
  100% {
    -webkit-transform: translate3d(29vw, 9vh, 303px) rotate(162deg);
    transform: translate3d(29vw, 56vh, 334px) rotate(106deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(95) {
  -webkit-animation: particle-animation-95 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-95 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 54px;
  width: 54px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -95s;
  animation-delay: -95s;
}

@-webkit-keyframes particle-animation-96 {
  0% {
    -webkit-transform: translate3d(87vw, 11vh, 148px) rotate(25deg);
    transform: translate3d(2vw, 29vh, 400px) rotate(66deg);
  }
  100% {
    -webkit-transform: translate3d(65vw, 53vh, 170px) rotate(152deg);
    transform: translate3d(14vw, 14vh, 351px) rotate(5deg);
  }
}
@keyframes particle-animation-96 {
  0% {
    -webkit-transform: translate3d(50vw, 35vh, 82px) rotate(57deg);
    transform: translate3d(78vw, 94vh, 260px) rotate(72deg);
  }
  100% {
    -webkit-transform: translate3d(87vw, 12vh, 354px) rotate(175deg);
    transform: translate3d(4vw, 49vh, 195px) rotate(154deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(96) {
  -webkit-animation: particle-animation-96 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-96 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 36px;
  width: 36px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -96s;
  animation-delay: -96s;
}

@-webkit-keyframes particle-animation-97 {
  0% {
    -webkit-transform: translate3d(6vw, 5vh, 151px) rotate(44deg);
    transform: translate3d(22vw, 66vh, 89px) rotate(36deg);
  }
  100% {
    -webkit-transform: translate3d(91vw, 96vh, 185px) rotate(99deg);
    transform: translate3d(81vw, 30vh, 293px) rotate(7deg);
  }
}
@keyframes particle-animation-97 {
  0% {
    -webkit-transform: translate3d(28vw, 18vh, 12px) rotate(83deg);
    transform: translate3d(49vw, 34vh, 255px) rotate(36deg);
  }
  100% {
    -webkit-transform: translate3d(6vw, 35vh, 241px) rotate(121deg);
    transform: translate3d(13vw, 39vh, 33px) rotate(60deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(97) {
  -webkit-animation: particle-animation-97 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-97 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 31px;
  width: 31px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -97s;
  animation-delay: -97s;
}

@-webkit-keyframes particle-animation-98 {
  0% {
    -webkit-transform: translate3d(70vw, 27vh, 284px) rotate(52deg);
    transform: translate3d(16vw, 6vh, 175px) rotate(3deg);
  }
  100% {
    -webkit-transform: translate3d(18vw, 70vh, 117px) rotate(127deg);
    transform: translate3d(36vw, 43vh, 345px) rotate(173deg);
  }
}
@keyframes particle-animation-98 {
  0% {
    -webkit-transform: translate3d(18vw, 78vh, 16px) rotate(23deg);
    transform: translate3d(104vw, 4vh, 396px) rotate(86deg);
  }
  100% {
    -webkit-transform: translate3d(16vw, 78vh, 97px) rotate(106deg);
    transform: translate3d(8vw, 88vh, 80px) rotate(81deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(98) {
  -webkit-animation: particle-animation-98 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-98 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 84px;
  width: 84px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -98s;
  animation-delay: -98s;
}

@-webkit-keyframes particle-animation-99 {
  0% {
    -webkit-transform: translate3d(74vw, 12vh, 265px) rotate(73deg);
    transform: translate3d(19vw, 8vh, 357px) rotate(14deg);
  }
  100% {
    -webkit-transform: translate3d(99vw, 55vh, 69px) rotate(72deg);
    transform: translate3d(52vw, 9vh, 245px) rotate(34deg);
  }
}
@keyframes particle-animation-99 {
  0% {
    -webkit-transform: translate3d(103vw, 66vh, 4px) rotate(16deg);
    transform: translate3d(19vw, 79vh, 314px) rotate(52deg);
  }
  100% {
    -webkit-transform: translate3d(3vw, 76vh, 2px) rotate(63deg);
    transform: translate3d(61vw, 79vh, 14px) rotate(68deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(99) {
  -webkit-animation: particle-animation-99 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-99 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 84px;
  width: 84px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -99s;
  animation-delay: -99s;
}

@-webkit-keyframes particle-animation-100 {
  0% {
    -webkit-transform: translate3d(107vw, 80vh, 134px) rotate(15deg);
    transform: translate3d(43vw, 65vh, 39px) rotate(86deg);
  }
  100% {
    -webkit-transform: translate3d(102vw, 61vh, 259px) rotate(27deg);
    transform: translate3d(36vw, 48vh, 41px) rotate(118deg);
  }
}
@keyframes particle-animation-100 {
  0% {
    -webkit-transform: translate3d(51vw, 96vh, 80px) rotate(67deg);
    transform: translate3d(40vw, 75vh, 11px) rotate(10deg);
  }
  100% {
    -webkit-transform: translate3d(103vw, 49vh, 64px) rotate(124deg);
    transform: translate3d(60vw, 38vh, 299px) rotate(23deg);
  }
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.particles span:nth-child(100) {
  -webkit-animation: particle-animation-100 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  animation: particle-animation-100 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
  height: 90px;
  width: 90px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -100s;
  animation-delay: -100s;
}


/********* End particle Animation Styles ***********/