@charset "UTF-8";
/* CSS Document */
.particle {
  position: absolute;
  border-radius: 50%;
}

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

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(26vw, 84vh, 42px);
  }
}
.particle:nth-child(1) {
  -webkit-animation: particle-animation-1 50s infinite;
          animation: particle-animation-1 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.51;
  -webkit-animation-delay: -300ms;
          animation-delay: -300ms;
  background: #87cbc5;
  transform: translate3d(2vw, 46vh, 51px);
}

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

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(33vw, 80vh, 83px);
  }
}
.particle:nth-child(2) {
  -webkit-animation: particle-animation-2 50s infinite;
          animation: particle-animation-2 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.14;
  -webkit-animation-delay: -600ms;
          animation-delay: -600ms;
  background: #87cbc5;
  transform: translate3d(70vw, 15vh, 33px);
}

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

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(9vw, 3vh, 90px);
  }
}
.particle:nth-child(3) {
  -webkit-animation: particle-animation-3 50s infinite;
          animation: particle-animation-3 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.7;
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
  background: #87cbc5;
  transform: translate3d(71vw, 75vh, 10px);
}

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

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(22vw, 31vh, 8px);
  }
}
.particle:nth-child(4) {
  -webkit-animation: particle-animation-4 50s infinite;
          animation: particle-animation-4 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.59;
  -webkit-animation-delay: -1200ms;
          animation-delay: -1200ms;
  background: #87cbc5;
  transform: translate3d(16vw, 66vh, 51px);
}

@-webkit-keyframes particle-animation-5 {
  100% {
    transform: translate3d(63vw, 2vh, 29px);
  }
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(63vw, 2vh, 29px);
  }
}
.particle:nth-child(5) {
  -webkit-animation: particle-animation-5 50s infinite;
          animation: particle-animation-5 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.53;
  -webkit-animation-delay: -1500ms;
          animation-delay: -1500ms;
  background: #87cbc5;
  transform: translate3d(63vw, 35vh, 76px);
}

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

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(13vw, 57vh, 13px);
  }
}
.particle:nth-child(6) {
  -webkit-animation: particle-animation-6 50s infinite;
          animation: particle-animation-6 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.25;
  -webkit-animation-delay: -1800ms;
          animation-delay: -1800ms;
  background: #87cbc5;
  transform: translate3d(62vw, 51vh, 31px);
}

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

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(58vw, 72vh, 62px);
  }
}
.particle:nth-child(7) {
  -webkit-animation: particle-animation-7 50s infinite;
          animation: particle-animation-7 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.7;
  -webkit-animation-delay: -2100ms;
          animation-delay: -2100ms;
  background: #87cbc5;
  transform: translate3d(33vw, 65vh, 66px);
}

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

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(65vw, 28vh, 77px);
  }
}
.particle:nth-child(8) {
  -webkit-animation: particle-animation-8 50s infinite;
          animation: particle-animation-8 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.18;
  -webkit-animation-delay: -2400ms;
          animation-delay: -2400ms;
  background: #87cbc5;
  transform: translate3d(59vw, 25vh, 32px);
}

@-webkit-keyframes particle-animation-9 {
  100% {
    transform: translate3d(55vw, 63vh, 35px);
  }
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(55vw, 63vh, 35px);
  }
}
.particle:nth-child(9) {
  -webkit-animation: particle-animation-9 50s infinite;
          animation: particle-animation-9 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.94;
  -webkit-animation-delay: -2700ms;
          animation-delay: -2700ms;
  background: #87cbc5;
  transform: translate3d(62vw, 7vh, 36px);
}

@-webkit-keyframes particle-animation-10 {
  100% {
    transform: translate3d(42vw, 68vh, 35px);
  }
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(42vw, 68vh, 35px);
  }
}
.particle:nth-child(10) {
  -webkit-animation: particle-animation-10 50s infinite;
          animation: particle-animation-10 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.95;
  -webkit-animation-delay: -3000ms;
          animation-delay: -3000ms;
  background: #87cbc5;
  transform: translate3d(30vw, 33vh, 93px);
}

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

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(72vw, 5vh, 48px);
  }
}
.particle:nth-child(11) {
  -webkit-animation: particle-animation-11 50s infinite;
          animation: particle-animation-11 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.79;
  -webkit-animation-delay: -3300ms;
          animation-delay: -3300ms;
  background: #87cbc5;
  transform: translate3d(66vw, 58vh, 81px);
}

@-webkit-keyframes particle-animation-12 {
  100% {
    transform: translate3d(24vw, 13vh, 49px);
  }
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(24vw, 13vh, 49px);
  }
}
.particle:nth-child(12) {
  -webkit-animation: particle-animation-12 50s infinite;
          animation: particle-animation-12 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.92;
  -webkit-animation-delay: -3600ms;
          animation-delay: -3600ms;
  background: #87cbc5;
  transform: translate3d(70vw, 69vh, 11px);
}

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

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(64vw, 52vh, 92px);
  }
}
.particle:nth-child(13) {
  -webkit-animation: particle-animation-13 50s infinite;
          animation: particle-animation-13 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.77;
  -webkit-animation-delay: -3900ms;
          animation-delay: -3900ms;
  background: #87cbc5;
  transform: translate3d(49vw, 19vh, 35px);
}

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

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(38vw, 20vh, 43px);
  }
}
.particle:nth-child(14) {
  -webkit-animation: particle-animation-14 50s infinite;
          animation: particle-animation-14 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.79;
  -webkit-animation-delay: -4200ms;
          animation-delay: -4200ms;
  background: #87cbc5;
  transform: translate3d(53vw, 78vh, 28px);
}

@-webkit-keyframes particle-animation-15 {
  100% {
    transform: translate3d(62vw, 27vh, 6px);
  }
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(62vw, 27vh, 6px);
  }
}
.particle:nth-child(15) {
  -webkit-animation: particle-animation-15 50s infinite;
          animation: particle-animation-15 50s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.7;
  -webkit-animation-delay: -4500ms;
          animation-delay: -4500ms;
  background: #87cbc5;
  transform: translate3d(15vw, 8vh, 40px);
}

@-webkit-keyframes particle-animation-16 {
  100% {
    transform: translate3d(69vw, 32vh, 18px);
  }
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(69vw, 32vh, 18px);
  }
}
.particle:nth-child(16) {
  -webkit-animation: particle-animation-16 50s infinite;
          animation: particle-animation-16 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.45;
  -webkit-animation-delay: -4800ms;
          animation-delay: -4800ms;
  background: #87cbc5;
  transform: translate3d(83vw, 50vh, 34px);
}

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

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(25vw, 19vh, 60px);
  }
}
.particle:nth-child(17) {
  -webkit-animation: particle-animation-17 50s infinite;
          animation: particle-animation-17 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.51;
  -webkit-animation-delay: -5100ms;
          animation-delay: -5100ms;
  background: #87cbc5;
  transform: translate3d(54vw, 33vh, 85px);
}

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

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(81vw, 77vh, 96px);
  }
}
.particle:nth-child(18) {
  -webkit-animation: particle-animation-18 50s infinite;
          animation: particle-animation-18 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.13;
  -webkit-animation-delay: -5400ms;
          animation-delay: -5400ms;
  background: #87cbc5;
  transform: translate3d(65vw, 37vh, 16px);
}

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

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(58vw, 81vh, 60px);
  }
}
.particle:nth-child(19) {
  -webkit-animation: particle-animation-19 50s infinite;
          animation: particle-animation-19 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.79;
  -webkit-animation-delay: -5700ms;
          animation-delay: -5700ms;
  background: #87cbc5;
  transform: translate3d(20vw, 72vh, 54px);
}

@-webkit-keyframes particle-animation-20 {
  100% {
    transform: translate3d(78vw, 7vh, 38px);
  }
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(78vw, 7vh, 38px);
  }
}
.particle:nth-child(20) {
  -webkit-animation: particle-animation-20 50s infinite;
          animation: particle-animation-20 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.16;
  -webkit-animation-delay: -6000ms;
          animation-delay: -6000ms;
  background: #87cbc5;
  transform: translate3d(65vw, 77vh, 100px);
}

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

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(46vw, 75vh, 46px);
  }
}
.particle:nth-child(21) {
  -webkit-animation: particle-animation-21 50s infinite;
          animation: particle-animation-21 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.87;
  -webkit-animation-delay: -6300ms;
          animation-delay: -6300ms;
  background: #87cbc5;
  transform: translate3d(46vw, 45vh, 82px);
}

@-webkit-keyframes particle-animation-22 {
  100% {
    transform: translate3d(9vw, 37vh, 92px);
  }
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(9vw, 37vh, 92px);
  }
}
.particle:nth-child(22) {
  -webkit-animation: particle-animation-22 50s infinite;
          animation: particle-animation-22 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.23;
  -webkit-animation-delay: -6600ms;
          animation-delay: -6600ms;
  background: #87cbc5;
  transform: translate3d(38vw, 66vh, 38px);
}

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

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(29vw, 74vh, 29px);
  }
}
.particle:nth-child(23) {
  -webkit-animation: particle-animation-23 50s infinite;
          animation: particle-animation-23 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.42;
  -webkit-animation-delay: -6900ms;
          animation-delay: -6900ms;
  background: #87cbc5;
  transform: translate3d(37vw, 80vh, 57px);
}

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

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(11vw, 8vh, 18px);
  }
}
.particle:nth-child(24) {
  -webkit-animation: particle-animation-24 50s infinite;
          animation: particle-animation-24 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.44;
  -webkit-animation-delay: -7200ms;
          animation-delay: -7200ms;
  background: #87cbc5;
  transform: translate3d(33vw, 45vh, 31px);
}

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

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(84vw, 80vh, 33px);
  }
}
.particle:nth-child(25) {
  -webkit-animation: particle-animation-25 50s infinite;
          animation: particle-animation-25 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.44;
  -webkit-animation-delay: -7500ms;
          animation-delay: -7500ms;
  background: #87cbc5;
  transform: translate3d(42vw, 27vh, 61px);
}

@-webkit-keyframes particle-animation-26 {
  100% {
    transform: translate3d(27vw, 61vh, 43px);
  }
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(27vw, 61vh, 43px);
  }
}
.particle:nth-child(26) {
  -webkit-animation: particle-animation-26 50s infinite;
          animation: particle-animation-26 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.61;
  -webkit-animation-delay: -7800ms;
          animation-delay: -7800ms;
  background: #87cbc5;
  transform: translate3d(21vw, 43vh, 44px);
}

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

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(81vw, 36vh, 85px);
  }
}
.particle:nth-child(27) {
  -webkit-animation: particle-animation-27 50s infinite;
          animation: particle-animation-27 50s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.71;
  -webkit-animation-delay: -8100ms;
          animation-delay: -8100ms;
  background: #87cbc5;
  transform: translate3d(61vw, 85vh, 70px);
}

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

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(64vw, 49vh, 64px);
  }
}
.particle:nth-child(28) {
  -webkit-animation: particle-animation-28 50s infinite;
          animation: particle-animation-28 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.06;
  -webkit-animation-delay: -8400ms;
          animation-delay: -8400ms;
  background: #87cbc5;
  transform: translate3d(25vw, 54vh, 93px);
}

@-webkit-keyframes particle-animation-29 {
  100% {
    transform: translate3d(58vw, 22vh, 55px);
  }
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(58vw, 22vh, 55px);
  }
}
.particle:nth-child(29) {
  -webkit-animation: particle-animation-29 50s infinite;
          animation: particle-animation-29 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.77;
  -webkit-animation-delay: -8700ms;
          animation-delay: -8700ms;
  background: #87cbc5;
  transform: translate3d(56vw, 35vh, 6px);
}

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

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(37vw, 69vh, 48px);
  }
}
.particle:nth-child(30) {
  -webkit-animation: particle-animation-30 50s infinite;
          animation: particle-animation-30 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.21;
  -webkit-animation-delay: -9000ms;
          animation-delay: -9000ms;
  background: #87cbc5;
  transform: translate3d(86vw, 13vh, 9px);
}

@-webkit-keyframes particle-animation-31 {
  100% {
    transform: translate3d(65vw, 15vh, 93px);
  }
}

@keyframes particle-animation-31 {
  100% {
    transform: translate3d(65vw, 15vh, 93px);
  }
}
.particle:nth-child(31) {
  -webkit-animation: particle-animation-31 50s infinite;
          animation: particle-animation-31 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.09;
  -webkit-animation-delay: -9300ms;
          animation-delay: -9300ms;
  background: #87cbc5;
  transform: translate3d(27vw, 26vh, 65px);
}

@-webkit-keyframes particle-animation-32 {
  100% {
    transform: translate3d(89vw, 67vh, 77px);
  }
}

@keyframes particle-animation-32 {
  100% {
    transform: translate3d(89vw, 67vh, 77px);
  }
}
.particle:nth-child(32) {
  -webkit-animation: particle-animation-32 50s infinite;
          animation: particle-animation-32 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.78;
  -webkit-animation-delay: -9600ms;
          animation-delay: -9600ms;
  background: #87cbc5;
  transform: translate3d(69vw, 58vh, 52px);
}

@-webkit-keyframes particle-animation-33 {
  100% {
    transform: translate3d(44vw, 5vh, 74px);
  }
}

@keyframes particle-animation-33 {
  100% {
    transform: translate3d(44vw, 5vh, 74px);
  }
}
.particle:nth-child(33) {
  -webkit-animation: particle-animation-33 50s infinite;
          animation: particle-animation-33 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.75;
  -webkit-animation-delay: -9900ms;
          animation-delay: -9900ms;
  background: #87cbc5;
  transform: translate3d(40vw, 51vh, 9px);
}

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

@keyframes particle-animation-34 {
  100% {
    transform: translate3d(15vw, 79vh, 8px);
  }
}
.particle:nth-child(34) {
  -webkit-animation: particle-animation-34 50s infinite;
          animation: particle-animation-34 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.79;
  -webkit-animation-delay: -10200ms;
          animation-delay: -10200ms;
  background: #87cbc5;
  transform: translate3d(85vw, 50vh, 42px);
}

@-webkit-keyframes particle-animation-35 {
  100% {
    transform: translate3d(2vw, 86vh, 26px);
  }
}

@keyframes particle-animation-35 {
  100% {
    transform: translate3d(2vw, 86vh, 26px);
  }
}
.particle:nth-child(35) {
  -webkit-animation: particle-animation-35 50s infinite;
          animation: particle-animation-35 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.19;
  -webkit-animation-delay: -10500ms;
          animation-delay: -10500ms;
  background: #87cbc5;
  transform: translate3d(60vw, 11vh, 23px);
}

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

@keyframes particle-animation-36 {
  100% {
    transform: translate3d(43vw, 31vh, 36px);
  }
}
.particle:nth-child(36) {
  -webkit-animation: particle-animation-36 50s infinite;
          animation: particle-animation-36 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.32;
  -webkit-animation-delay: -10800ms;
          animation-delay: -10800ms;
  background: #87cbc5;
  transform: translate3d(19vw, 48vh, 73px);
}

@-webkit-keyframes particle-animation-37 {
  100% {
    transform: translate3d(30vw, 76vh, 65px);
  }
}

@keyframes particle-animation-37 {
  100% {
    transform: translate3d(30vw, 76vh, 65px);
  }
}
.particle:nth-child(37) {
  -webkit-animation: particle-animation-37 50s infinite;
          animation: particle-animation-37 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.21;
  -webkit-animation-delay: -11100ms;
          animation-delay: -11100ms;
  background: #87cbc5;
  transform: translate3d(81vw, 39vh, 97px);
}

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

@keyframes particle-animation-38 {
  100% {
    transform: translate3d(49vw, 6vh, 71px);
  }
}
.particle:nth-child(38) {
  -webkit-animation: particle-animation-38 50s infinite;
          animation: particle-animation-38 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.3;
  -webkit-animation-delay: -11400ms;
          animation-delay: -11400ms;
  background: #87cbc5;
  transform: translate3d(76vw, 10vh, 90px);
}

@-webkit-keyframes particle-animation-39 {
  100% {
    transform: translate3d(49vw, 35vh, 37px);
  }
}

@keyframes particle-animation-39 {
  100% {
    transform: translate3d(49vw, 35vh, 37px);
  }
}
.particle:nth-child(39) {
  -webkit-animation: particle-animation-39 50s infinite;
          animation: particle-animation-39 50s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.7;
  -webkit-animation-delay: -11700ms;
          animation-delay: -11700ms;
  background: #87cbc5;
  transform: translate3d(30vw, 23vh, 53px);
}

@-webkit-keyframes particle-animation-40 {
  100% {
    transform: translate3d(6vw, 16vh, 43px);
  }
}

@keyframes particle-animation-40 {
  100% {
    transform: translate3d(6vw, 16vh, 43px);
  }
}
.particle:nth-child(40) {
  -webkit-animation: particle-animation-40 50s infinite;
          animation: particle-animation-40 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.19;
  -webkit-animation-delay: -12000ms;
          animation-delay: -12000ms;
  background: #87cbc5;
  transform: translate3d(26vw, 43vh, 50px);
}

@-webkit-keyframes particle-animation-41 {
  100% {
    transform: translate3d(61vw, 58vh, 62px);
  }
}

@keyframes particle-animation-41 {
  100% {
    transform: translate3d(61vw, 58vh, 62px);
  }
}
.particle:nth-child(41) {
  -webkit-animation: particle-animation-41 50s infinite;
          animation: particle-animation-41 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.3;
  -webkit-animation-delay: -12300ms;
          animation-delay: -12300ms;
  background: #87cbc5;
  transform: translate3d(70vw, 32vh, 7px);
}

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

@keyframes particle-animation-42 {
  100% {
    transform: translate3d(32vw, 23vh, 52px);
  }
}
.particle:nth-child(42) {
  -webkit-animation: particle-animation-42 50s infinite;
          animation: particle-animation-42 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.67;
  -webkit-animation-delay: -12600ms;
          animation-delay: -12600ms;
  background: #87cbc5;
  transform: translate3d(2vw, 84vh, 25px);
}

@-webkit-keyframes particle-animation-43 {
  100% {
    transform: translate3d(60vw, 18vh, 41px);
  }
}

@keyframes particle-animation-43 {
  100% {
    transform: translate3d(60vw, 18vh, 41px);
  }
}
.particle:nth-child(43) {
  -webkit-animation: particle-animation-43 50s infinite;
          animation: particle-animation-43 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.59;
  -webkit-animation-delay: -12900ms;
          animation-delay: -12900ms;
  background: #87cbc5;
  transform: translate3d(11vw, 51vh, 5px);
}

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

@keyframes particle-animation-44 {
  100% {
    transform: translate3d(84vw, 61vh, 96px);
  }
}
.particle:nth-child(44) {
  -webkit-animation: particle-animation-44 50s infinite;
          animation: particle-animation-44 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.15;
  -webkit-animation-delay: -13200ms;
          animation-delay: -13200ms;
  background: #87cbc5;
  transform: translate3d(88vw, 33vh, 68px);
}

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

@keyframes particle-animation-45 {
  100% {
    transform: translate3d(80vw, 42vh, 41px);
  }
}
.particle:nth-child(45) {
  -webkit-animation: particle-animation-45 50s infinite;
          animation: particle-animation-45 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.38;
  -webkit-animation-delay: -13500ms;
          animation-delay: -13500ms;
  background: #87cbc5;
  transform: translate3d(74vw, 44vh, 65px);
}

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

@keyframes particle-animation-46 {
  100% {
    transform: translate3d(71vw, 33vh, 83px);
  }
}
.particle:nth-child(46) {
  -webkit-animation: particle-animation-46 50s infinite;
          animation: particle-animation-46 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.31;
  -webkit-animation-delay: -13800ms;
          animation-delay: -13800ms;
  background: #87cbc5;
  transform: translate3d(64vw, 17vh, 63px);
}

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

@keyframes particle-animation-47 {
  100% {
    transform: translate3d(15vw, 69vh, 5px);
  }
}
.particle:nth-child(47) {
  -webkit-animation: particle-animation-47 50s infinite;
          animation: particle-animation-47 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.71;
  -webkit-animation-delay: -14100ms;
          animation-delay: -14100ms;
  background: #87cbc5;
  transform: translate3d(85vw, 83vh, 89px);
}

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

@keyframes particle-animation-48 {
  100% {
    transform: translate3d(72vw, 17vh, 80px);
  }
}
.particle:nth-child(48) {
  -webkit-animation: particle-animation-48 50s infinite;
          animation: particle-animation-48 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.74;
  -webkit-animation-delay: -14400ms;
          animation-delay: -14400ms;
  background: #87cbc5;
  transform: translate3d(52vw, 41vh, 85px);
}

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

@keyframes particle-animation-49 {
  100% {
    transform: translate3d(11vw, 11vh, 63px);
  }
}
.particle:nth-child(49) {
  -webkit-animation: particle-animation-49 50s infinite;
          animation: particle-animation-49 50s infinite;
  height: 11px;
  width: 11px;
  opacity: 0.81;
  -webkit-animation-delay: -14700ms;
          animation-delay: -14700ms;
  background: #87cbc5;
  transform: translate3d(4vw, 73vh, 84px);
}

@-webkit-keyframes particle-animation-50 {
  100% {
    transform: translate3d(32vw, 14vh, 1px);
  }
}

@keyframes particle-animation-50 {
  100% {
    transform: translate3d(32vw, 14vh, 1px);
  }
}
.particle:nth-child(50) {
  -webkit-animation: particle-animation-50 50s infinite;
          animation: particle-animation-50 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.02;
  -webkit-animation-delay: -15000ms;
          animation-delay: -15000ms;
  background: #87cbc5;
  transform: translate3d(48vw, 68vh, 69px);
}

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

@keyframes particle-animation-51 {
  100% {
    transform: translate3d(4vw, 90vh, 60px);
  }
}
.particle:nth-child(51) {
  -webkit-animation: particle-animation-51 50s infinite;
          animation: particle-animation-51 50s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.75;
  -webkit-animation-delay: -15300ms;
          animation-delay: -15300ms;
  background: #87cbc5;
  transform: translate3d(74vw, 67vh, 65px);
}

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

@keyframes particle-animation-52 {
  100% {
    transform: translate3d(12vw, 73vh, 88px);
  }
}
.particle:nth-child(52) {
  -webkit-animation: particle-animation-52 50s infinite;
          animation: particle-animation-52 50s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.04;
  -webkit-animation-delay: -15600ms;
          animation-delay: -15600ms;
  background: #87cbc5;
  transform: translate3d(42vw, 42vh, 95px);
}

@-webkit-keyframes particle-animation-53 {
  100% {
    transform: translate3d(16vw, 28vh, 75px);
  }
}

@keyframes particle-animation-53 {
  100% {
    transform: translate3d(16vw, 28vh, 75px);
  }
}
.particle:nth-child(53) {
  -webkit-animation: particle-animation-53 50s infinite;
          animation: particle-animation-53 50s infinite;
  height: 15px;
  width: 15px;
  opacity: 0.42;
  -webkit-animation-delay: -15900ms;
          animation-delay: -15900ms;
  background: #87cbc5;
  transform: translate3d(2vw, 75vh, 21px);
}

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

@keyframes particle-animation-54 {
  100% {
    transform: translate3d(5vw, 37vh, 45px);
  }
}
.particle:nth-child(54) {
  -webkit-animation: particle-animation-54 50s infinite;
          animation: particle-animation-54 50s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.06;
  -webkit-animation-delay: -16200ms;
          animation-delay: -16200ms;
  background: #87cbc5;
  transform: translate3d(75vw, 64vh, 11px);
}

@-webkit-keyframes particle-animation-55 {
  100% {
    transform: translate3d(72vw, 42vh, 35px);
  }
}

@keyframes particle-animation-55 {
  100% {
    transform: translate3d(72vw, 42vh, 35px);
  }
}
.particle:nth-child(55) {
  -webkit-animation: particle-animation-55 50s infinite;
          animation: particle-animation-55 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.53;
  -webkit-animation-delay: -16500ms;
          animation-delay: -16500ms;
  background: #87cbc5;
  transform: translate3d(76vw, 60vh, 99px);
}

@-webkit-keyframes particle-animation-56 {
  100% {
    transform: translate3d(73vw, 6vh, 96px);
  }
}

@keyframes particle-animation-56 {
  100% {
    transform: translate3d(73vw, 6vh, 96px);
  }
}
.particle:nth-child(56) {
  -webkit-animation: particle-animation-56 50s infinite;
          animation: particle-animation-56 50s infinite;
  height: 12px;
  width: 12px;
  opacity: 0.63;
  -webkit-animation-delay: -16800ms;
          animation-delay: -16800ms;
  background: #87cbc5;
  transform: translate3d(37vw, 46vh, 65px);
}

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

@keyframes particle-animation-57 {
  100% {
    transform: translate3d(46vw, 59vh, 69px);
  }
}
.particle:nth-child(57) {
  -webkit-animation: particle-animation-57 50s infinite;
          animation: particle-animation-57 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.8;
  -webkit-animation-delay: -17100ms;
          animation-delay: -17100ms;
  background: #87cbc5;
  transform: translate3d(54vw, 20vh, 16px);
}

@-webkit-keyframes particle-animation-58 {
  100% {
    transform: translate3d(22vw, 88vh, 95px);
  }
}

@keyframes particle-animation-58 {
  100% {
    transform: translate3d(22vw, 88vh, 95px);
  }
}
.particle:nth-child(58) {
  -webkit-animation: particle-animation-58 50s infinite;
          animation: particle-animation-58 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.25;
  -webkit-animation-delay: -17400ms;
          animation-delay: -17400ms;
  background: #87cbc5;
  transform: translate3d(60vw, 18vh, 100px);
}

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

@keyframes particle-animation-59 {
  100% {
    transform: translate3d(42vw, 1vh, 59px);
  }
}
.particle:nth-child(59) {
  -webkit-animation: particle-animation-59 50s infinite;
          animation: particle-animation-59 50s infinite;
  height: 13px;
  width: 13px;
  opacity: 0.95;
  -webkit-animation-delay: -17700ms;
          animation-delay: -17700ms;
  background: #87cbc5;
  transform: translate3d(8vw, 48vh, 53px);
}

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

@keyframes particle-animation-60 {
  100% {
    transform: translate3d(71vw, 8vh, 79px);
  }
}
.particle:nth-child(60) {
  -webkit-animation: particle-animation-60 50s infinite;
          animation: particle-animation-60 50s infinite;
  height: 14px;
  width: 14px;
  opacity: 0.66;
  -webkit-animation-delay: -18000ms;
          animation-delay: -18000ms;
  background: #87cbc5;
  transform: translate3d(42vw, 22vh, 31px);
}