.particle {

    position: absolute;

    border-radius: 50%;

  }

  

  @-webkit-keyframes particle-animation-1 {

    100% {

      transform: translate3d(5vw, 41vh, 72px);

    }

  }

  

  @keyframes particle-animation-1 {

    100% {

      transform: translate3d(5vw, 41vh, 72px);

    }

  }

  .particle:nth-child(1) {

    -webkit-animation: particle-animation-1 60s infinite;

            animation: particle-animation-1 60s infinite;

    opacity: 0.14;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -0.2s;

            animation-delay: -0.2s;

    transform: translate3d(86vw, 34vh, 51px);

    background: #26d3d9;

  }

  

  @-webkit-keyframes particle-animation-2 {

    100% {

      transform: translate3d(51vw, 87vh, 53px);

    }

  }

  

  @keyframes particle-animation-2 {

    100% {

      transform: translate3d(51vw, 87vh, 53px);

    }

  }

  .particle:nth-child(2) {

    -webkit-animation: particle-animation-2 60s infinite;

            animation: particle-animation-2 60s infinite;

    opacity: 0.01;

    height: 8px;

    width: 8px;

    -webkit-animation-delay: -0.4s;

            animation-delay: -0.4s;

    transform: translate3d(49vw, 35vh, 21px);

    background: #6826d9;

  }

  

  @-webkit-keyframes particle-animation-3 {

    100% {

      transform: translate3d(18vw, 76vh, 41px);

    }

  }

  

  @keyframes particle-animation-3 {

    100% {

      transform: translate3d(18vw, 76vh, 41px);

    }

  }

  .particle:nth-child(3) {

    -webkit-animation: particle-animation-3 60s infinite;

            animation: particle-animation-3 60s infinite;

    opacity: 0.65;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -0.6s;

            animation-delay: -0.6s;

    transform: translate3d(78vw, 61vh, 86px);

    background: #d3d926;

  }

  

  @-webkit-keyframes particle-animation-4 {

    100% {

      transform: translate3d(36vw, 53vh, 55px);

    }

  }

  

  @keyframes particle-animation-4 {

    100% {

      transform: translate3d(36vw, 53vh, 55px);

    }

  }

  .particle:nth-child(4) {

    -webkit-animation: particle-animation-4 60s infinite;

            animation: particle-animation-4 60s infinite;

    opacity: 0.99;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -0.8s;

            animation-delay: -0.8s;

    transform: translate3d(9vw, 56vh, 23px);

    background: #3bd926;

  }

  

  @-webkit-keyframes particle-animation-5 {

    100% {

      transform: translate3d(34vw, 68vh, 50px);

    }

  }

  

  @keyframes particle-animation-5 {

    100% {

      transform: translate3d(34vw, 68vh, 50px);

    }

  }

  .particle:nth-child(5) {

    -webkit-animation: particle-animation-5 60s infinite;

            animation: particle-animation-5 60s infinite;

    opacity: 0.55;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -1s;

            animation-delay: -1s;

    transform: translate3d(71vw, 73vh, 45px);

    background: #2674d9;

  }

  

  @-webkit-keyframes particle-animation-6 {

    100% {

      transform: translate3d(77vw, 57vh, 95px);

    }

  }

  

  @keyframes particle-animation-6 {

    100% {

      transform: translate3d(77vw, 57vh, 95px);

    }

  }

  .particle:nth-child(6) {

    -webkit-animation: particle-animation-6 60s infinite;

            animation: particle-animation-6 60s infinite;

    opacity: 1;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -1.2s;

            animation-delay: -1.2s;

    transform: translate3d(77vw, 68vh, 66px);

    background: #d3d926;

  }

  

  @-webkit-keyframes particle-animation-7 {

    100% {

      transform: translate3d(46vw, 75vh, 71px);

    }

  }

  

  @keyframes particle-animation-7 {

    100% {

      transform: translate3d(46vw, 75vh, 71px);

    }

  }

  .particle:nth-child(7) {

    -webkit-animation: particle-animation-7 60s infinite;

            animation: particle-animation-7 60s infinite;

    opacity: 0.83;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -1.4s;

            animation-delay: -1.4s;

    transform: translate3d(53vw, 88vh, 29px);

    background: #d92650;

  }

  

  @-webkit-keyframes particle-animation-8 {

    100% {

      transform: translate3d(25vw, 74vh, 61px);

    }

  }

  

  @keyframes particle-animation-8 {

    100% {

      transform: translate3d(25vw, 74vh, 61px);

    }

  }

  .particle:nth-child(8) {

    -webkit-animation: particle-animation-8 60s infinite;

            animation: particle-animation-8 60s infinite;

    opacity: 1;

    height: 8px;

    width: 8px;

    -webkit-animation-delay: -1.6s;

            animation-delay: -1.6s;

    transform: translate3d(51vw, 78vh, 61px);

    background: #d9b826;

  }

  

  @-webkit-keyframes particle-animation-9 {

    100% {

      transform: translate3d(57vw, 33vh, 65px);

    }

  }

  

  @keyframes particle-animation-9 {

    100% {

      transform: translate3d(57vw, 33vh, 65px);

    }

  }

  .particle:nth-child(9) {

    -webkit-animation: particle-animation-9 60s infinite;

            animation: particle-animation-9 60s infinite;

    opacity: 0.91;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -1.8s;

            animation-delay: -1.8s;

    transform: translate3d(82vw, 32vh, 79px);

    background: #d92685;

  }

  

  @-webkit-keyframes particle-animation-10 {

    100% {

      transform: translate3d(87vw, 43vh, 30px);

    }

  }

  

  @keyframes particle-animation-10 {

    100% {

      transform: translate3d(87vw, 43vh, 30px);

    }

  }

  .particle:nth-child(10) {

    -webkit-animation: particle-animation-10 60s infinite;

            animation: particle-animation-10 60s infinite;

    opacity: 0.21;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -2s;

            animation-delay: -2s;

    transform: translate3d(23vw, 85vh, 19px);

    background: #d99a26;

  }

  

  @-webkit-keyframes particle-animation-11 {

    100% {

      transform: translate3d(25vw, 85vh, 56px);

    }

  }

  

  @keyframes particle-animation-11 {

    100% {

      transform: translate3d(25vw, 85vh, 56px);

    }

  }

  .particle:nth-child(11) {

    -webkit-animation: particle-animation-11 60s infinite;

            animation: particle-animation-11 60s infinite;

    opacity: 0.62;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -2.2s;

            animation-delay: -2.2s;

    transform: translate3d(79vw, 50vh, 76px);

    background: #26d985;

  }

  

  @-webkit-keyframes particle-animation-12 {

    100% {

      transform: translate3d(17vw, 29vh, 36px);

    }

  }

  

  @keyframes particle-animation-12 {

    100% {

      transform: translate3d(17vw, 29vh, 36px);

    }

  }

  .particle:nth-child(12) {

    -webkit-animation: particle-animation-12 60s infinite;

            animation: particle-animation-12 60s infinite;

    opacity: 0.36;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -2.4s;

            animation-delay: -2.4s;

    transform: translate3d(78vw, 25vh, 26px);

    background: #44d926;

  }

  

  @-webkit-keyframes particle-animation-13 {

    100% {

      transform: translate3d(37vw, 25vh, 30px);

    }

  }

  

  @keyframes particle-animation-13 {

    100% {

      transform: translate3d(37vw, 25vh, 30px);

    }

  }

  .particle:nth-child(13) {

    -webkit-animation: particle-animation-13 60s infinite;

            animation: particle-animation-13 60s infinite;

    opacity: 0.03;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -2.6s;

            animation-delay: -2.6s;

    transform: translate3d(43vw, 59vh, 60px);

    background: #26d9b2;

  }

  

  @-webkit-keyframes particle-animation-14 {

    100% {

      transform: translate3d(6vw, 13vh, 97px);

    }

  }

  

  @keyframes particle-animation-14 {

    100% {

      transform: translate3d(6vw, 13vh, 97px);

    }

  }

  .particle:nth-child(14) {

    -webkit-animation: particle-animation-14 60s infinite;

            animation: particle-animation-14 60s infinite;

    opacity: 0.8;

    height: 8px;

    width: 8px;

    -webkit-animation-delay: -2.8s;

            animation-delay: -2.8s;

    transform: translate3d(46vw, 86vh, 73px);

    background: #26d9bb;

  }

  

  @-webkit-keyframes particle-animation-15 {

    100% {

      transform: translate3d(68vw, 28vh, 80px);

    }

  }

  

  @keyframes particle-animation-15 {

    100% {

      transform: translate3d(68vw, 28vh, 80px);

    }

  }

  .particle:nth-child(15) {

    -webkit-animation: particle-animation-15 60s infinite;

            animation: particle-animation-15 60s infinite;

    opacity: 0.88;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -3s;

            animation-delay: -3s;

    transform: translate3d(53vw, 40vh, 87px);

    background: #d92647;

  }

  

  @-webkit-keyframes particle-animation-16 {

    100% {

      transform: translate3d(69vw, 41vh, 7px);

    }

  }

  

  @keyframes particle-animation-16 {

    100% {

      transform: translate3d(69vw, 41vh, 7px);

    }

  }

  .particle:nth-child(16) {

    -webkit-animation: particle-animation-16 60s infinite;

            animation: particle-animation-16 60s infinite;

    opacity: 1;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -3.2s;

            animation-delay: -3.2s;

    transform: translate3d(47vw, 6vh, 100px);

    background: #d9a626;

  }

  

  @-webkit-keyframes particle-animation-17 {

    100% {

      transform: translate3d(16vw, 65vh, 86px);

    }

  }

  

  @keyframes particle-animation-17 {

    100% {

      transform: translate3d(16vw, 65vh, 86px);

    }

  }

  .particle:nth-child(17) {

    -webkit-animation: particle-animation-17 60s infinite;

            animation: particle-animation-17 60s infinite;

    opacity: 0.19;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -3.4s;

            animation-delay: -3.4s;

    transform: translate3d(55vw, 21vh, 76px);

    background: #a0d926;

  }

  

  @-webkit-keyframes particle-animation-18 {

    100% {

      transform: translate3d(45vw, 87vh, 99px);

    }

  }

  

  @keyframes particle-animation-18 {

    100% {

      transform: translate3d(45vw, 87vh, 99px);

    }

  }

  .particle:nth-child(18) {

    -webkit-animation: particle-animation-18 60s infinite;

            animation: particle-animation-18 60s infinite;

    opacity: 0.49;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -3.6s;

            animation-delay: -3.6s;

    transform: translate3d(38vw, 51vh, 7px);

    background: #26a3d9;

  }

  

  @-webkit-keyframes particle-animation-19 {

    100% {

      transform: translate3d(74vw, 34vh, 82px);

    }

  }

  

  @keyframes particle-animation-19 {

    100% {

      transform: translate3d(74vw, 34vh, 82px);

    }

  }

  .particle:nth-child(19) {

    -webkit-animation: particle-animation-19 60s infinite;

            animation: particle-animation-19 60s infinite;

    opacity: 0.6;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -3.8s;

            animation-delay: -3.8s;

    transform: translate3d(47vw, 35vh, 77px);

    background: #97d926;

  }

  

  @-webkit-keyframes particle-animation-20 {

    100% {

      transform: translate3d(11vw, 60vh, 42px);

    }

  }

  

  @keyframes particle-animation-20 {

    100% {

      transform: translate3d(11vw, 60vh, 42px);

    }

  }

  .particle:nth-child(20) {

    -webkit-animation: particle-animation-20 60s infinite;

            animation: particle-animation-20 60s infinite;

    opacity: 0.46;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -4s;

            animation-delay: -4s;

    transform: translate3d(73vw, 90vh, 75px);

    background: #26c1d9;

  }

  

  @-webkit-keyframes particle-animation-21 {

    100% {

      transform: translate3d(62vw, 46vh, 70px);

    }

  }

  

  @keyframes particle-animation-21 {

    100% {

      transform: translate3d(62vw, 46vh, 70px);

    }

  }

  .particle:nth-child(21) {

    -webkit-animation: particle-animation-21 60s infinite;

            animation: particle-animation-21 60s infinite;

    opacity: 0.01;

    height: 6px;

    width: 6px;

    -webkit-animation-delay: -4.2s;

            animation-delay: -4.2s;

    transform: translate3d(57vw, 20vh, 56px);

    background: #d926d6;

  }

  

  @-webkit-keyframes particle-animation-22 {

    100% {

      transform: translate3d(22vw, 5vh, 92px);

    }

  }

  

  @keyframes particle-animation-22 {

    100% {

      transform: translate3d(22vw, 5vh, 92px);

    }

  }

  .particle:nth-child(22) {

    -webkit-animation: particle-animation-22 60s infinite;

            animation: particle-animation-22 60s infinite;

    opacity: 0.69;

    height: 9px;

    width: 9px;

    -webkit-animation-delay: -4.4s;

            animation-delay: -4.4s;

    transform: translate3d(63vw, 46vh, 59px);

    background: #af26d9;

  }

  

  @-webkit-keyframes particle-animation-23 {

    100% {

      transform: translate3d(83vw, 68vh, 24px);

    }

  }

  

  @keyframes particle-animation-23 {

    100% {

      transform: translate3d(83vw, 68vh, 24px);

    }

  }

  .particle:nth-child(23) {

    -webkit-animation: particle-animation-23 60s infinite;

            animation: particle-animation-23 60s infinite;

    opacity: 0.02;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -4.6s;

            animation-delay: -4.6s;

    transform: translate3d(63vw, 60vh, 44px);

    background: #9426d9;

  }

  

  @-webkit-keyframes particle-animation-24 {

    100% {

      transform: translate3d(15vw, 79vh, 24px);

    }

  }

  

  @keyframes particle-animation-24 {

    100% {

      transform: translate3d(15vw, 79vh, 24px);

    }

  }

  .particle:nth-child(24) {

    -webkit-animation: particle-animation-24 60s infinite;

            animation: particle-animation-24 60s infinite;

    opacity: 0.08;

    height: 7px;

    width: 7px;

    -webkit-animation-delay: -4.8s;

            animation-delay: -4.8s;

    transform: translate3d(73vw, 19vh, 20px);

    background: #d99726;

  }

  

  @-webkit-keyframes particle-animation-25 {

    100% {

      transform: translate3d(13vw, 13vh, 13px);

    }

  }

  

  @keyframes particle-animation-25 {

    100% {

      transform: translate3d(13vw, 13vh, 13px);

    }

  }

  .particle:nth-child(25) {

    -webkit-animation: particle-animation-25 60s infinite;

            animation: particle-animation-25 60s infinite;

    opacity: 0.49;

    height: 9px;

    width: 9px;

    -webkit-animation-delay: -5s;

            animation-delay: -5s;

    transform: translate3d(26vw, 80vh, 52px);

    background: #d926b8;

  }

  

  @-webkit-keyframes particle-animation-26 {

    100% {

      transform: translate3d(59vw, 79vh, 84px);

    }

  }

  

  @keyframes particle-animation-26 {

    100% {

      transform: translate3d(59vw, 79vh, 84px);

    }

  }

  .particle:nth-child(26) {

    -webkit-animation: particle-animation-26 60s infinite;

            animation: particle-animation-26 60s infinite;

    opacity: 0.92;

    height: 8px;

    width: 8px;

    -webkit-animation-delay: -5.2s;

            animation-delay: -5.2s;

    transform: translate3d(54vw, 19vh, 54px);

    background: #29d926;

  }

  

  @-webkit-keyframes particle-animation-27 {

    100% {

      transform: translate3d(1vw, 89vh, 36px);

    }

  }

  

  @keyframes particle-animation-27 {

    100% {

      transform: translate3d(1vw, 89vh, 36px);

    }

  }

  .particle:nth-child(27) {

    -webkit-animation: particle-animation-27 60s infinite;

            animation: particle-animation-27 60s infinite;

    opacity: 0.16;

    height: 9px;

    width: 9px;

    -webkit-animation-delay: -5.4s;

            animation-delay: -5.4s;

    transform: translate3d(50vw, 28vh, 11px);

    background: #acd926;

  }

  

  @-webkit-keyframes particle-animation-28 {

    100% {

      transform: translate3d(67vw, 72vh, 75px);

    }

  }

  

  @keyframes particle-animation-28 {

    100% {

      transform: translate3d(67vw, 72vh, 75px);

    }

  }

  .particle:nth-child(28) {

    -webkit-animation: particle-animation-28 60s infinite;

            animation: particle-animation-28 60s infinite;

    opacity: 0.2;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -5.6s;

            animation-delay: -5.6s;

    transform: translate3d(60vw, 9vh, 70px);

    background: #d92688;

  }

  

  @-webkit-keyframes particle-animation-29 {

    100% {

      transform: translate3d(87vw, 21vh, 48px);

    }

  }

  

  @keyframes particle-animation-29 {

    100% {

      transform: translate3d(87vw, 21vh, 48px);

    }

  }

  .particle:nth-child(29) {

    -webkit-animation: particle-animation-29 60s infinite;

            animation: particle-animation-29 60s infinite;

    opacity: 0.5;

    height: 10px;

    width: 10px;

    -webkit-animation-delay: -5.8s;

            animation-delay: -5.8s;

    transform: translate3d(81vw, 33vh, 5px);

    background: #d93826;

  }

  

  @-webkit-keyframes particle-animation-30 {

    100% {

      transform: translate3d(3vw, 72vh, 77px);

    }

  }

  

  @keyframes particle-animation-30 {

    100% {

      transform: translate3d(3vw, 72vh, 77px);

    }

  }

  .particle:nth-child(30) {

    -webkit-animation: particle-animation-30 60s infinite;

            animation: particle-animation-30 60s infinite;

    opacity: 0.34;

    height: 9px;

    width: 9px;

    -webkit-animation-delay: -6s;

            animation-delay: -6s;

    transform: translate3d(44vw, 5vh, 53px);

    background: #3226d9;

  }