/* From codepen.io by Nate Wiley */

html, body {
  height: 100%;
}

body {
  min-height: 100%;
  overflow: hidden;

}

.wrap {
  height: 100%;
  -webkit-perspective: 300px;
          perspective: 300px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.c {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
}

.c:nth-child(1) {
  height: 191px;
  width: 191px;
  border: 7px solid ff2e9f;
  position: absolute;
  -webkit-animation: up1 20.9s infinite;
          animation: up1 20.9s infinite;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: translate3d(64vw, 150vh, -22px);
          transform: translate3d(64vw, 150vh, -22px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 130, 0.7), rgba(231, 87, 182, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 130, 0.7), rgba(231, 87, 182, 0.7));
}

@-webkit-keyframes up1 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(64vw, -150vh, -22px);
            transform: translate3d(64vw, -150vh, -22px);
  }
}

@keyframes up1 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(64vw, -150vh, -22px);
            transform: translate3d(64vw, -150vh, -22px);
  }
}
.c:nth-child(2) {
  height: 107px;
  width: 107px;
  border: 4px solid #bd014a;
  position: absolute;
  -webkit-animation: up2 29.3s infinite;
          animation: up2 29.3s infinite;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform: translate3d(30vw, 150vh, -296px);
          transform: translate3d(30vw, 150vh, -296px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 130, 0.7), rgba(231, 87, 182, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 130, 0.7), rgba(231, 87, 182, 0.7));
}

@-webkit-keyframes up2 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -296px);
            transform: translate3d(30vw, -150vh, -296px);
  }
}

@keyframes up2 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -296px);
            transform: translate3d(30vw, -150vh, -296px);
  }
}
.c:nth-child(3) {
  height: 120px;
  width: 120px;
  border: 4px solid #e60368;
  position: absolute;
  -webkit-animation: up3 28s infinite;
          animation: up3 28s infinite;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  -webkit-transform: translate3d(69vw, 150vh, -130px);
          transform: translate3d(69vw, 150vh, -130px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 155, 0.7), rgba(204, 51, 199, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 155, 0.7), rgba(204, 51, 199, 0.7));
}

@-webkit-keyframes up3 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(69vw, -150vh, -130px);
            transform: translate3d(69vw, -150vh, -130px);
  }
}

@keyframes up3 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(69vw, -150vh, -130px);
            transform: translate3d(69vw, -150vh, -130px);
  }
}
.c:nth-child(4) {
  height: 116px;
  width: 116px;
  border: 4px solid #e60368;
  position: absolute;
  -webkit-animation: up4 28.4s infinite;
          animation: up4 28.4s infinite;
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
  -webkit-transform: translate3d(60vw, 150vh, -363px);
          transform: translate3d(60vw, 150vh, -363px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 155, 0.7), rgba(204, 51, 199, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 155, 0.7), rgba(204, 51, 199, 0.7));
}

@-webkit-keyframes up4 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(60vw, -150vh, -363px);
            transform: translate3d(60vw, -150vh, -363px);
  }
}

@keyframes up4 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(60vw, -150vh, -363px);
            transform: translate3d(60vw, -150vh, -363px);
  }
}
.c:nth-child(5) {
  height: 202px;
  width: 202px;
  border: 7px solid #ee3aa0;
  position: absolute;
  -webkit-animation: up5 19.8s infinite;
          animation: up5 19.8s infinite;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform: translate3d(65vw, 150vh, -2px);
          transform: translate3d(65vw, 150vh, -2px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 116, 0.7), rgba(204, 51, 130, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 116, 0.7), rgba(204, 51, 130, 0.7));
}

@-webkit-keyframes up5 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(65vw, -150vh, -2px);
            transform: translate3d(65vw, -150vh, -2px);
  }
}

@keyframes up5 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(65vw, -150vh, -2px);
            transform: translate3d(65vw, -150vh, -2px);
  }
}
.c:nth-child(6) {
  height: 85px;
  width: 85px;
  border: 3px solid #ee3aa0;
  position: absolute;
  -webkit-animation: up6 31.5s infinite;
          animation: up6 31.5s infinite;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  -webkit-transform: translate3d(85vw, 150vh, -76px);
          transform: translate3d(85vw, 150vh, -76px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 116, 0.7), rgba(204, 51, 130, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 116, 0.7), rgba(204, 51, 130, 0.7));
}

@-webkit-keyframes up6 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(85vw, -150vh, -76px);
            transform: translate3d(85vw, -150vh, -76px);
  }
}

@keyframes up6 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(85vw, -150vh, -76px);
            transform: translate3d(85vw, -150vh, -76px);
  }
}
.c:nth-child(7) {
  height: 61px;
  width: 61px;
  border: 3px solid #cc3369;
  position: absolute;
  -webkit-animation: up7 33.9s infinite;
          animation: up7 33.9s infinite;
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
  -webkit-transform: translate3d(28vw, 150vh, -125px);
          transform: translate3d(28vw, 150vh, -125px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 163, 0.7), rgba(204, 51, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 163, 0.7), rgba(204, 51, 137, 0.7));
}

@-webkit-keyframes up7 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(28vw, -150vh, -125px);
            transform: translate3d(28vw, -150vh, -125px);
  }
}

@keyframes up7 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(28vw, -150vh, -125px);
            transform: translate3d(28vw, -150vh, -125px);
  }
}
.c:nth-child(8) {
  height: 98px;
  width: 98px;
  border: 4px solid #cc3369;
  position: absolute;
  -webkit-animation: up8 30.2s infinite;
          animation: up8 30.2s infinite;
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
  -webkit-transform: translate3d(37vw, 150vh, -115px);
          transform: translate3d(37vw, 150vh, -115px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 163, 0.7), rgba(204, 51, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 163, 0.7), rgba(204, 51, 137, 0.7));
}

@-webkit-keyframes up8 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(37vw, -150vh, -115px);
            transform: translate3d(37vw, -150vh, -115px);
  }
}

@keyframes up8 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(37vw, -150vh, -115px);
            transform: translate3d(37vw, -150vh, -115px);
  }
}
.c:nth-child(9) {
  height: 108px;
  width: 108px;
  border: 4px solid #cc3370;
  position: absolute;
  -webkit-animation: up9 29.2s infinite;
          animation: up9 29.2s infinite;
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
  -webkit-transform: translate3d(6vw, 150vh, -46px);
          transform: translate3d(6vw, 150vh, -46px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 134, 0.7), rgba(204, 51, 123, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 134, 0.7), rgba(204, 51, 123, 0.7));
}

@-webkit-keyframes up9 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -46px);
            transform: translate3d(6vw, -150vh, -46px);
  }
}

@keyframes up9 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -46px);
            transform: translate3d(6vw, -150vh, -46px);
  }
}
.c:nth-child(10) {
  height: 29px;
  width: 29px;
  border: 1px solid #cc3370;
  position: absolute;
  -webkit-animation: up10 37.1s infinite;
          animation: up10 37.1s infinite;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
  -webkit-transform: translate3d(93vw, 150vh, -116px);
          transform: translate3d(93vw, 150vh, -116px);
  background: -webkit-radial-gradient(top left, circle, rgba(204, 51, 134, 0.7), rgba(204, 51, 123, 0.7));
  background: radial-gradient(circle at top left, rgba(204, 51, 134, 0.7), rgba(204, 51, 123, 0.7));
}

@-webkit-keyframes up10 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(93vw, -150vh, -116px);
            transform: translate3d(93vw, -150vh, -116px);
  }
}

@keyframes up10 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(93vw, -150vh, -116px);
            transform: translate3d(93vw, -150vh, -116px);
  }
}
.c:nth-child(11) {
  height: 190px;
  width: 190px;
  border: 7px solid #cc3371;
  position: absolute;
  -webkit-animation: up11 21s infinite;
          animation: up11 21s infinite;
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
  -webkit-transform: translate3d(44vw, 150vh, -196px);
          transform: translate3d(44vw, 150vh, -196px);
  background: -webkit-radial-gradient(top left, circle, rgba(247, 66, 146, 0.7), rgba(247, 70, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(247, 66, 146, 0.7), rgba(247, 70, 137, 0.7));
}

@-webkit-keyframes up11 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(44vw, -150vh, -196px);
            transform: translate3d(44vw, -150vh, -196px);
  }
}

@keyframes up11 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(44vw, -150vh, -196px);
            transform: translate3d(44vw, -150vh, -196px);
  }
}
.c:nth-child(12) {
  height: 117px;
  width: 117px;
  border: 4px solid #cc3371;
  position: absolute;
  -webkit-animation: up12 28.3s infinite;
          animation: up12 28.3s infinite;
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
  -webkit-transform: translate3d(36vw, 150vh, -280px);
          transform: translate3d(36vw, 150vh, -280px);
  background: -webkit-radial-gradient(top left, circle, rgba(247, 66, 146, 0.7), rgba(247, 70, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(247, 66, 146, 0.7), rgba(247, 70, 137, 0.7));
}

@-webkit-keyframes up12 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(36vw, -150vh, -280px);
            transform: translate3d(36vw, -150vh, -280px);
  }
}

@keyframes up12 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(36vw, -150vh, -280px);
            transform: translate3d(36vw, -150vh, -280px);
  }
}
.c:nth-child(13) {
  height: 206px;
  width: 206px;
  border: 7px solid #cc33726;
  position: absolute;
  -webkit-animation: up13 19.4s infinite;
          animation: up13 19.4s infinite;
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
  -webkit-transform: translate3d(14vw, 150vh, -56px);
          transform: translate3d(14vw, 150vh, -56px);
  background: -webkit-radial-gradient(top left, circle, rgba(247, 65, 146, 0.7), rgba(247, 70, 138, 0.7));
  background: radial-gradient(circle at top left, rgba(247, 65, 146, 0.7), rgba(247, 70, 138, 0.7));
}

@-webkit-keyframes up13 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(14vw, -150vh, -56px);
            transform: translate3d(14vw, -150vh, -56px);
  }
}

@keyframes up13 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(14vw, -150vh, -56px);
            transform: translate3d(14vw, -150vh, -56px);
  }
}
.c:nth-child(14) {
  height: 59px;
  width: 59px;
  border: 2px solid #cc33726;
  position: absolute;
  -webkit-animation: up14 34.1s infinite;
          animation: up14 34.1s infinite;
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
  -webkit-transform: translate3d(6vw, 150vh, -163px);
          transform: translate3d(6vw, 150vh, -163px);
  background: -webkit-radial-gradient(top left, circle, rgba(247, 65, 146, 0.7), rgba(247, 70, 138, 0.7));
  background: radial-gradient(circle at top left, rgba(247, 65, 146, 0.7), rgba(247, 70, 138, 0.7));
}

@-webkit-keyframes up14 {
  40% {8
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -163px);
            transform: translate3d(6vw, -150vh, -163px);
  }
}

@keyframes up14 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -163px);
            transform: translate3d(6vw, -150vh, -163px);
  }
}
.c:nth-child(15) {
  height: 131px;
  width: 131px;
  border: 5px solid #cc33727;
  position: absolute;
  -webkit-animation: up15 26.9s infinite;
          animation: up15 26.9s infinite;
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
  -webkit-transform: translate3d(6vw, 150vh, -355px);
          transform: translate3d(6vw, 150vh, -355px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 30, 159, 0.7), rgba(247, 70, 139, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 30, 159, 0.7), rgba(247, 70, 139, 0.7));
}

@-webkit-keyframes up15 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -355px);
            transform: translate3d(6vw, -150vh, -355px);
  }
}

@keyframes up15 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -355px);
            transform: translate3d(6vw, -150vh, -355px);
  }
}
.c:nth-child(16) {
  height: 133px;
  width: 133px;
  border: 5px solid #cc33727;
  position: absolute;
  -webkit-animation: up16 26.7s infinite;
          animation: up16 26.7s infinite;
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
  -webkit-transform: translate3d(50vw, 150vh, -356px);
          transform: translate3d(50vw, 150vh, -356px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 30, 159, 0.7), rgba(247, 70, 139, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 30, 159, 0.7), rgba(247, 70, 139, 0.7));
}

@-webkit-keyframes up16 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(50vw, -150vh, -356px);
            transform: translate3d(50vw, -150vh, -356px);
  }
}

@keyframes up16 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(50vw, -150vh, -356px);
            transform: translate3d(50vw, -150vh, -356px);
  }
}
.c:nth-child(17) {
  height: 92px;
  width: 92px;
  border: 4px solid #cc33728;
  position: absolute;
  -webkit-animation: up17 30.8s infinite;
          animation: up17 30.8s infinite;
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
  -webkit-transform: translate3d(30vw, 150vh, -306px);
          transform: translate3d(30vw, 150vh, -306px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 29, 159, 0.7), rgba(247, 70, 140, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 29, 159, 0.7), rgba(247, 70, 140, 0.7));
}

@-webkit-keyframes up17 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -306px);
            transform: translate3d(30vw, -150vh, -306px);
  }
}

@keyframes up17 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -306px);
            transform: translate3d(30vw, -150vh, -306px);
  }
}
.c:nth-child(18) {
  height: 74px;
  width: 74px;
  border: 3px solid #cc33728;
  position: absolute;
  -webkit-animation: up18 32.6s infinite;
          animation: up18 32.6s infinite;
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
  -webkit-transform: translate3d(31vw, 150vh, -230px);
          transform: translate3d(31vw, 150vh, -230px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 29, 159, 0.7), rgba(247, 70, 140, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 29, 159, 0.7), rgba(247, 70, 140, 0.7));
}

@-webkit-keyframes up18 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(31vw, -150vh, -230px);
            transform: translate3d(31vw, -150vh, -230px);
  }
}

@keyframes up18 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(31vw, -150vh, -230px);
            transform: translate3d(31vw, -150vh, -230px);
  }
}
.c:nth-child(19) {
  height: 111px;
  width: 111px;
  border: 4px solid #cc33729;
  position: absolute;
  -webkit-animation: up19 28.9s infinite;
          animation: up19 28.9s infinite;
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
  -webkit-transform: translate3d(94vw, 150vh, -48px);
          transform: translate3d(94vw, 150vh, -48px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 25, 159, 0.7), rgba(247, 70, 144, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 25, 159, 0.7), rgba(247, 70, 144, 0.7));
}

@-webkit-keyframes up19 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(94vw, -150vh, -48px);
            transform: translate3d(94vw, -150vh, -48px);
  }
}

@keyframes up19 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(94vw, -150vh, -48px);
            transform: translate3d(94vw, -150vh, -48px);
  }
}
.c:nth-child(20) {
  height: 196px;
  width: 196px;
  border: 7px solid #cc33729;
  position: absolute;
  -webkit-animation: up20 20.4s infinite;
          animation: up20 20.4s infinite;
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
  -webkit-transform: translate3d(62vw, 150vh, -306px);
          transform: translate3d(62vw, 150vh, -306px);
  background: -webkit-radial-gradient(top left, circle, rgba(242, 25, 159, 0.7), rgba(247, 70, 144, 0.7));
  background: radial-gradient(circle at top left, rgba(242, 25, 159, 0.7), rgba(247, 70, 144, 0.7));
}

@-webkit-keyframes up20 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(62vw, -150vh, -306px);
            transform: translate3d(62vw, -150vh, -306px);
  }
}

@keyframes up20 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(62vw, -150vh, -306px);
            transform: translate3d(62vw, -150vh, -306px);
  }
}
.c:nth-child(21) {
  height: 124px;
  width: 124px;
  border: 5px solid #cc3372a;
  position: absolute;
  -webkit-animation: up21 27.6s infinite;
          animation: up21 27.6s infinite;
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
  -webkit-transform: translate3d(-1vw, 150vh, -315px);
          transform: translate3d(-1vw, 150vh, -315px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 71, 155, 0.7), rgba(247, 70, 149, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 71, 155, 0.7), rgba(247, 70, 149, 0.7));
}

@-webkit-keyframes up21 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-1vw, -150vh, -315px);
            transform: translate3d(-1vw, -150vh, -315px);
  }
}

@keyframes up21 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-1vw, -150vh, -315px);
            transform: translate3d(-1vw, -150vh, -315px);
  }
}
.c:nth-child(22) {
  height: 128px;
  width: 128px;
  border: 5px solid #cc3372a;
  position: absolute;
  -webkit-animation: up22 27.2s infinite;
          animation: up22 27.2s infinite;
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
  -webkit-transform: translate3d(8vw, 150vh, -329px);
          transform: translate3d(8vw, 150vh, -329px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 71, 155, 0.7), rgba(247, 70, 149, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 71, 155, 0.7), rgba(247, 70, 149, 0.7));
}

@-webkit-keyframes up22 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -329px);
            transform: translate3d(8vw, -150vh, -329px);
  }
}

@keyframes up22 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -329px);
            transform: translate3d(8vw, -150vh, -329px);
  }
}
.c:nth-child(23) {
  height: 134px;
  width: 134px;
  border: 5px solid #cc3372b;
  position: absolute;
  -webkit-animation: up23 26.6s infinite;
          animation: up23 26.6s infinite;
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
  -webkit-transform: translate3d(36vw, 150vh, -23px);
          transform: translate3d(36vw, 150vh, -23px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 69, 155, 0.7), rgba(247, 70, 148, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 69, 155, 0.7), rgba(247, 70, 148, 0.7));
}

@-webkit-keyframes up23 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(36vw, -150vh, -23px);
            transform: translate3d(36vw, -150vh, -23px);
  }
}

@keyframes up23 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(36vw, -150vh, -23px);
            transform: translate3d(36vw, -150vh, -23px);
  }
}
.c:nth-child(24) {
  height: 49px;
  width: 49px;
  border: 2px solid #cc3372b;
  position: absolute;
  -webkit-animation: up24 35.1s infinite;
          animation: up24 35.1s infinite;
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
  -webkit-transform: translate3d(20vw, 150vh, -128px);
          transform: translate3d(20vw, 150vh, -128px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 69, 155, 0.7), rgba(247, 70, 148, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 69, 155, 0.7), rgba(247, 70, 148, 0.7));
}

@-webkit-keyframes up24 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(20vw, -150vh, -128px);
            transform: translate3d(20vw, -150vh, -128px);
  }
}

@keyframes up24 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(20vw, -150vh, -128px);
            transform: translate3d(20vw, -150vh, -128px);
  }
}
.c:nth-child(25) {
  height: 178px;
  width: 178px;
  border: 6px solid #cc3372;
  position: absolute;
  -webkit-animation: up25 22.2s infinite;
          animation: up25 22.2s infinite;
  -webkit-animation-delay: -20s;
          animation-delay: -20s;
  -webkit-transform: translate3d(80vw, 150vh, -304px);
          transform: translate3d(80vw, 150vh, -304px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 68, 155, 0.7), rgba(247, 70, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 68, 155, 0.7), rgba(247, 70, 146, 0.7));
}

@-webkit-keyframes up25 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(80vw, -150vh, -304px);
            transform: translate3d(80vw, -150vh, -304px);
  }
}

@keyframes up25 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(80vw, -150vh, -304px);
            transform: translate3d(80vw, -150vh, -304px);
  }
}
.c:nth-child(26) {
  height: 21px;
  width: 21px;
  border: 1px solid #cc3375;
  position: absolute;
  -webkit-animation: up26 37.9s infinite;
          animation: up26 37.9s infinite;
  -webkit-animation-delay: -20.8s;
          animation-delay: -20.8s;
  -webkit-transform: translate3d(45vw, 150vh, -123px);
          transform: translate3d(45vw, 150vh, -123px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 68, 155, 0.7), rgba(204, 51, 130, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 68, 155, 0.7), rgba(204, 51, 130, 0.7));
}

@-webkit-keyframes up26 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(45vw, -150vh, -123px);
            transform: translate3d(45vw, -150vh, -123px);
  }
}

@keyframes up26 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(45vw, -150vh, -123px);
            transform: translate3d(45vw, -150vh, -123px);
  }
}
.c:nth-child(27) {
  height: 68px;
  width: 68px;
  border: 3px solid #cc3375;
  position: absolute;
  -webkit-animation: up27 33.2s infinite;
          animation: up27 33.2s infinite;
  -webkit-animation-delay: -21.6s;
          animation-delay: -21.6s;
  -webkit-transform: translate3d(18vw, 150vh, -113px);
          transform: translate3d(18vw, 150vh, -113px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 66, 155, 0.7), rgba(204, 51, 130, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 66, 155, 0.7), rgba(204, 51, 130, 0.7));
}

@-webkit-keyframes up27 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(18vw, -150vh, -113px);
            transform: translate3d(18vw, -150vh, -113px);
  }
}

@keyframes up27 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(18vw, -150vh, -113px);
            transform: translate3d(18vw, -150vh, -113px);
  }
}
.c:nth-child(28) {
  height: 104px;
  width: 104px;
  border: 4px solid #cc3380;
  position: absolute;
  -webkit-animation: up28 29.6s infinite;
          animation: up28 29.6s infinite;
  -webkit-animation-delay: -22.4s;
          animation-delay: -22.4s;
  -webkit-transform: translate3d(16vw, 150vh, -311px);
          transform: translate3d(16vw, 150vh, -311px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 66, 155, 0.7), rgba(204, 51, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 66, 155, 0.7), rgba(204, 51, 155, 0.7));
}

@-webkit-keyframes up28 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(16vw, -150vh, -311px);
            transform: translate3d(16vw, -150vh, -311px);
  }
}

@keyframes up28 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(16vw, -150vh, -311px);
            transform: translate3d(16vw, -150vh, -311px);
  }
}
.c:nth-child(29) {
  height: 193px;
  width: 193px;
  border: 7px solid #cc3380;
  position: absolute;
  -webkit-animation: up29 20.7s infinite;
          animation: up29 20.7s infinite;
  -webkit-animation-delay: -23.2s;
          animation-delay: -23.2s;
  -webkit-transform: translate3d(30vw, 150vh, -80px);
          transform: translate3d(30vw, 150vh, -80px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 89, 155, 0.7), rgba(204, 51, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 89, 155, 0.7), rgba(204, 51, 155, 0.7));
}

@-webkit-keyframes up29 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -80px);
            transform: translate3d(30vw, -150vh, -80px);
  }
}

@keyframes up29 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -80px);
            transform: translate3d(30vw, -150vh, -80px);
  }
}
.c:nth-child(30) {
  height: 192px;
  width: 192px;
  border: 7px solid #cc337b;
  position: absolute;
  -webkit-animation: up30 20.8s infinite;
          animation: up30 20.8s infinite;
  -webkit-animation-delay: -24s;
          animation-delay: -24s;
  -webkit-transform: translate3d(55vw, 150vh, -114px);
          transform: translate3d(55vw, 150vh, -114px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 89, 155, 0.7), rgba(204, 51, 116, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 89, 155, 0.7), rgba(204, 51, 116, 0.7));
}

@-webkit-keyframes up30 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(55vw, -150vh, -114px);
            transform: translate3d(55vw, -150vh, -114px);
  }
}

@keyframes up30 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(55vw, -150vh, -114px);
            transform: translate3d(55vw, -150vh, -114px);
  }
}
.c:nth-child(31) {
  height: 184px;
  width: 184px;
  border: 7px solid #cc337b;
  position: absolute;
  -webkit-animation: up31 21.6s infinite;
          animation: up31 21.6s infinite;
  -webkit-animation-delay: -24.8s;
          animation-delay: -24.8s;
  -webkit-transform: translate3d(52vw, 150vh, -37px);
          transform: translate3d(52vw, 150vh, -37px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 88, 155, 0.7), rgba(204, 51, 116, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 88, 155, 0.7), rgba(204, 51, 116, 0.7));
}

@-webkit-keyframes up31 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(52vw, -150vh, -37px);
            transform: translate3d(52vw, -150vh, -37px);
  }
}

@keyframes up31 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(52vw, -150vh, -37px);
            transform: translate3d(52vw, -150vh, -37px);
  }
}
.c:nth-child(32) {
  height: 82px;
  width: 82px;
  border: 3px solid #cc3389;
  position: absolute;
  -webkit-animation: up32 31.8s infinite;
          animation: up32 31.8s infinite;
  -webkit-animation-delay: -25.6s;
          animation-delay: -25.6s;
  -webkit-transform: translate3d(71vw, 150vh, -369px);
          transform: translate3d(71vw, 150vh, -369px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 88, 155, 0.7), rgba(204, 51, 163, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 88, 155, 0.7), rgba(204, 51, 163, 0.7));
}

@-webkit-keyframes up32 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(71vw, -150vh, -369px);
            transform: translate3d(71vw, -150vh, -369px);
  }
}

@keyframes up32 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(71vw, -150vh, -369px);
            transform: translate3d(71vw, -150vh, -369px);
  }
}
.c:nth-child(33) {
  height: 61px;
  width: 61px;
  border: 3px solid #cc3389;
  position: absolute;
  -webkit-animation: up33 33.9s infinite;
          animation: up33 33.9s infinite;
  -webkit-animation-delay: -26.4s;
          animation-delay: -26.4s;
  -webkit-transform: translate3d(93vw, 150vh, -292px);
          transform: translate3d(93vw, 150vh, -292px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 83, 155, 0.7), rgba(204, 51, 163, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 83, 155, 0.7), rgba(204, 51, 163, 0.7));
}

@-webkit-keyframes up33 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(93vw, -150vh, -292px);
            transform: translate3d(93vw, -150vh, -292px);
  }
}

@keyframes up33 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(93vw, -150vh, -292px);
            transform: translate3d(93vw, -150vh, -292px);
  }
}
.c:nth-child(34) {
  height: 111px;
  width: 111px;
  border: 4px solid #cc338d;
  position: absolute;
  -webkit-animation: up34 28.9s infinite;
          animation: up34 28.9s infinite;
  -webkit-animation-delay: -27.2s;
          animation-delay: -27.2s;
  -webkit-transform: translate3d(17vw, 150vh, -339px);
          transform: translate3d(17vw, 150vh, -339px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 83, 155, 0.7), rgba(204, 51, 134, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 83, 155, 0.7), rgba(204, 51, 134, 0.7));
}

@-webkit-keyframes up34 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(17vw, -150vh, -339px);
            transform: translate3d(17vw, -150vh, -339px);
  }
}

@keyframes up34 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(17vw, -150vh, -339px);
            transform: translate3d(17vw, -150vh, -339px);
  }
}
.c:nth-child(35) {
  height: 60px;
  width: 60px;
  border: 2px solid #cc338d;
  position: absolute;
  -webkit-animation: up35 34s infinite;
          animation: up35 34s infinite;
  -webkit-animation-delay: -28s;
          animation-delay: -28s;
  -webkit-transform: translate3d(90vw, 150vh, -301px);
          transform: translate3d(90vw, 150vh, -301px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 55, 155, 0.7), rgba(204, 51, 134, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 55, 155, 0.7), rgba(204, 51, 134, 0.7));
}

@-webkit-keyframes up35 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(90vw, -150vh, -301px);
            transform: translate3d(90vw, -150vh, -301px);
  }
}

@keyframes up35 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(90vw, -150vh, -301px);
            transform: translate3d(90vw, -150vh, -301px);
  }
}
.c:nth-child(36) {
  height: 114px;
  width: 114px;
  border: 4px solid #c33a3;
  position: absolute;
  -webkit-animation: up36 28.6s infinite;
          animation: up36 28.6s infinite;
  -webkit-animation-delay: -28.8s;
          animation-delay: -28.8s;
  -webkit-transform: translate3d(72vw, 150vh, -121px);
          transform: translate3d(72vw, 150vh, -121px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 55, 155, 0.7), rgba(247, 66, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 55, 155, 0.7), rgba(247, 66, 146, 0.7));
}

@-webkit-keyframes up36 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(72vw, -150vh, -121px);
            transform: translate3d(72vw, -150vh, -121px);
  }
}

@keyframes up36 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(72vw, -150vh, -121px);
            transform: translate3d(72vw, -150vh, -121px);
  }
}
.c:nth-child(37) {
  height: 45px;
  width: 45px;
  border: 2px solid #cc33a3;
  position: absolute;
  -webkit-animation: up37 35.5s infinite;
          animation: up37 35.5s infinite;
  -webkit-animation-delay: -29.6s;
          animation-delay: -29.6s;
  -webkit-transform: translate3d(6vw, 150vh, -132px);
          transform: translate3d(6vw, 150vh, -132px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 85, 155, 0.7), rgba(247, 66, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 85, 155, 0.7), rgba(247, 66, 146, 0.7));
}

@-webkit-keyframes up37 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -132px);
            transform: translate3d(6vw, -150vh, -132px);
  }
}

@keyframes up37 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -132px);
            transform: translate3d(6vw, -150vh, -132px);
  }
}
.c:nth-child(38) {
  height: 172px;
  width: 172px;
  border: 6px solid #cc3386;
  position: absolute;
  -webkit-animation: up38 22.8s infinite;
          animation: up38 22.8s infinite;
  -webkit-animation-delay: -30.4s;
          animation-delay: -30.4s;
  -webkit-transform: translate3d(86vw, 150vh, -149px);
          transform: translate3d(86vw, 150vh, -149px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 85, 155, 0.7), rgba(247, 65, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 85, 155, 0.7), rgba(247, 65, 146, 0.7));
}

@-webkit-keyframes up38 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(86vw, -150vh, -149px);
            transform: translate3d(86vw, -150vh, -149px);
  }
}

@keyframes up38 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(86vw, -150vh, -149px);
            transform: translate3d(86vw, -150vh, -149px);
  }
}
.c:nth-child(39) {
  height: 62px;
  width: 62px;
  border: 3px solid #cc3386;
  position: absolute;
  -webkit-animation: up39 33.8s infinite;
          animation: up39 33.8s infinite;
  -webkit-animation-delay: -31.2s;
          animation-delay: -31.2s;
  -webkit-transform: translate3d(30vw, 150vh, -285px);
          transform: translate3d(30vw, 150vh, -285px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 60, 155, 0.7), rgba(247, 65, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 60, 155, 0.7), rgba(247, 65, 146, 0.7));
}

@-webkit-keyframes up39 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -285px);
            transform: translate3d(30vw, -150vh, -285px);
  }
}

@keyframes up39 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(30vw, -150vh, -285px);
            transform: translate3d(30vw, -150vh, -285px);
  }
}
.c:nth-child(40) {
  height: 164px;
  width: 164px;
  border: 6px solid #cc3382;
  position: absolute;
  -webkit-animation: up40 23.6s infinite;
          animation: up40 23.6s infinite;
  -webkit-animation-delay: -32s;
          animation-delay: -32s;
  -webkit-transform: translate3d(11vw, 150vh, -30px);
          transform: translate3d(11vw, 150vh, -30px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 60, 155, 0.7), rgba(242, 30, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 60, 155, 0.7), rgba(242, 30, 159, 0.7));
}

@-webkit-keyframes up40 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(11vw, -150vh, -30px);
            transform: translate3d(11vw, -150vh, -30px);
  }
}

@keyframes up40 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(11vw, -150vh, -30px);
            transform: translate3d(11vw, -150vh, -30px);
  }
}
.c:nth-child(41) {
  height: 149px;
  width: 149px;
  border: 5px solid #cc3382;
  position: absolute;
  -webkit-animation: up41 25.1s infinite;
          animation: up41 25.1s infinite;
  -webkit-animation-delay: -32.8s;
          animation-delay: -32.8s;
  -webkit-transform: translate3d(8vw, 150vh, -152px);
          transform: translate3d(8vw, 150vh, -152px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 100, 155, 0.7), rgba(242, 30, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 100, 155, 0.7), rgba(242, 30, 159, 0.7));
}

@-webkit-keyframes up41 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -152px);
            transform: translate3d(8vw, -150vh, -152px);
  }
}

@keyframes up41 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -152px);
            transform: translate3d(8vw, -150vh, -152px);
  }
}
.c:nth-child(42) {
  height: 165px;
  width: 165px;
  border: 6px solid #cc3377;
  position: absolute;
  -webkit-animation: up42 23.5s infinite;
          animation: up42 23.5s infinite;
  -webkit-animation-delay: -33.6s;
          animation-delay: -33.6s;
  -webkit-transform: translate3d(-1vw, 150vh, -164px);
          transform: translate3d(-1vw, 150vh, -164px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 100, 155, 0.7), rgba(242, 29, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 100, 155, 0.7), rgba(242, 29, 159, 0.7));
}

@-webkit-keyframes up42 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-1vw, -150vh, -164px);
            transform: translate3d(-1vw, -150vh, -164px);
  }
}

@keyframes up42 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-1vw, -150vh, -164px);
            transform: translate3d(-1vw, -150vh, -164px);
  }
}
.c:nth-child(43) {
  height: 84px;
  width: 84px;
  border: 3px solid #cc3377;
  position: absolute;
  -webkit-animation: up43 31.6s infinite;
          animation: up43 31.6s infinite;
  -webkit-animation-delay: -34.4s;
          animation-delay: -34.4s;
  -webkit-transform: translate3d(77vw, 150vh, -123px);
          transform: translate3d(77vw, 150vh, -123px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 30, 137, 0.7), rgba(242, 29, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 30, 137, 0.7), rgba(242, 29, 159, 0.7));
}

@-webkit-keyframes up43 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(77vw, -150vh, -123px);
            transform: translate3d(77vw, -150vh, -123px);
  }
}

@keyframes up43 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(77vw, -150vh, -123px);
            transform: translate3d(77vw, -150vh, -123px);
  }
}
.c:nth-child(44) {
  height: 35px;
  width: 35px;
  border: 2px solid #cc3386;
  position: absolute;
  -webkit-animation: up44 36.5s infinite;
          animation: up44 36.5s infinite;
  -webkit-animation-delay: -35.2s;
          animation-delay: -35.2s;
  -webkit-transform: translate3d(28vw, 150vh, -296px);
          transform: translate3d(28vw, 150vh, -296px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 30, 137, 0.7), rgba(242, 25, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 30, 137, 0.7), rgba(242, 25, 159, 0.7));
}

@-webkit-keyframes up44 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(28vw, -150vh, -296px);
            transform: translate3d(28vw, -150vh, -296px);
  }
}

@keyframes up44 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(28vw, -150vh, -296px);
            transform: translate3d(28vw, -150vh, -296px);
  }
}
.c:nth-child(45) {
  height: 22px;
  width: 22px;
  border: 1px solid #cc3386;
  position: absolute;
  -webkit-animation: up45 37.8s infinite;
          animation: up45 37.8s infinite;
  -webkit-animation-delay: -36s;
          animation-delay: -36s;
  -webkit-transform: translate3d(89vw, 150vh, -45px);
          transform: translate3d(89vw, 150vh, -45px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 15, 137, 0.7), rgba(242, 25, 159, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 15, 137, 0.7), rgba(242, 25, 159, 0.7));
}

@-webkit-keyframes up45 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(89vw, -150vh, -45px);
            transform: translate3d(89vw, -150vh, -45px);
  }
}

@keyframes up45 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(89vw, -150vh, -45px);
            transform: translate3d(89vw, -150vh, -45px);
  }
}
.c:nth-child(46) {
  height: 207px;
  width: 207px;
  border: 7px solid #cc3382;
  position: absolute;
  -webkit-animation: up46 19.3s infinite;
          animation: up46 19.3s infinite;
  -webkit-animation-delay: -36.8s;
          animation-delay: -36.8s;
  -webkit-transform: translate3d(43vw, 150vh, -113px);
          transform: translate3d(43vw, 150vh, -113px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 15, 137, 0.7), rgba(231, 71, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 15, 137, 0.7), rgba(231, 71, 155, 0.7));
}

@-webkit-keyframes up46 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(43vw, -150vh, -113px);
            transform: translate3d(43vw, -150vh, -113px);
  }
}

@keyframes up46 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(43vw, -150vh, -113px);
            transform: translate3d(43vw, -150vh, -113px);
  }
}
.c:nth-child(47) {
  height: 84px;
  width: 84px;
  border: 3px solid #cc3382;
  position: absolute;
  -webkit-animation: up47 31.6s infinite;
          animation: up47 31.6s infinite;
  -webkit-animation-delay: -37.6s;
          animation-delay: -37.6s;
  -webkit-transform: translate3d(26vw, 150vh, -174px);
          transform: translate3d(26vw, 150vh, -174px);
  background: -webkit-radial-gradient(top left, circle, rgba(221, 48, 146, 0.7), rgba(231, 71, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(221, 48, 146, 0.7), rgba(231, 71, 155, 0.7));
}

@-webkit-keyframes up47 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(26vw, -150vh, -174px);
            transform: translate3d(26vw, -150vh, -174px);
  }
}

@keyframes up47 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(26vw, -150vh, -174px);
            transform: translate3d(26vw, -150vh, -174px);
  }
}
.c:nth-child(48) {
  height: 102px;
  width: 102px;
  border: 4px solid #cc337f;
  position: absolute;
  -webkit-animation: up48 29.8s infinite;
          animation: up48 29.8s infinite;
  -webkit-animation-delay: -38.4s;
          animation-delay: -38.4s;
  -webkit-transform: translate3d(97vw, 150vh, -214px);
          transform: translate3d(97vw, 150vh, -214px);
  background: -webkit-radial-gradient(top left, circle, rgba(221, 48, 146, 0.7), rgba(231, 69, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(221, 48, 146, 0.7), rgba(231, 69, 155, 0.7));
}

@-webkit-keyframes up48 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(97vw, -150vh, -214px);
            transform: translate3d(97vw, -150vh, -214px);
  }
}

@keyframes up48 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(97vw, -150vh, -214px);
            transform: translate3d(97vw, -150vh, -214px);
  }
}
.c:nth-child(49) {
  height: 62px;
  width: 62px;
  border: 3px solid #cc337f;
  position: absolute;
  -webkit-animation: up49 33.8s infinite;
          animation: up49 33.8s infinite;
  -webkit-animation-delay: -39.2s;
          animation-delay: -39.2s;
  -webkit-transform: translate3d(32vw, 150vh, -336px);
          transform: translate3d(32vw, 150vh, -336px);
  background: -webkit-radial-gradient(top left, circle, rgba(251, 4, 143, 0.7), rgba(231, 69, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(251, 4, 143, 0.7), rgba(231, 69, 155, 0.7));
}

@-webkit-keyframes up49 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(32vw, -150vh, -336px);
            transform: translate3d(32vw, -150vh, -336px);
  }
}

@keyframes up49 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(32vw, -150vh, -336px);
            transform: translate3d(32vw, -150vh, -336px);
  }
}
.c:nth-child(50) {
  height: 51px;
  width: 51px;
  border: 2px solid #cc338d;
  position: absolute;
  -webkit-animation: up50 34.9s infinite;
          animation: up50 34.9s infinite;
  -webkit-animation-delay: -40s;
          animation-delay: -40s;
  -webkit-transform: translate3d(54vw, 150vh, -117px);
          transform: translate3d(54vw, 150vh, -117px);
  background: -webkit-radial-gradient(top left, circle, rgba(251, 4, 143, 0.7), rgba(231, 68, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(251, 4, 143, 0.7), rgba(231, 68, 155, 0.7));
}

@-webkit-keyframes up50 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(54vw, -150vh, -117px);
            transform: translate3d(54vw, -150vh, -117px);
  }
}

@keyframes up50 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(54vw, -150vh, -117px);
            transform: translate3d(54vw, -150vh, -117px);
  }
}
.c:nth-child(51) {
  height: 35px;
  width: 35px;
  border: 2px solid #cc338d;
  position: absolute;
  -webkit-animation: up51 36.5s infinite;
          animation: up51 36.5s infinite;
  -webkit-animation-delay: -40.8s;
          animation-delay: -40.8s;
  -webkit-transform: translate3d(98vw, 150vh, -76px);
          transform: translate3d(98vw, 150vh, -76px);
  background: -webkit-radial-gradient(top left, circle, rgba(255, 54, 168, 0.7), rgba(231, 68, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(255, 54, 168, 0.7), rgba(231, 68, 155, 0.7));
}

@-webkit-keyframes up51 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(98vw, -150vh, -76px);
            transform: translate3d(98vw, -150vh, -76px);
  }
}

@keyframes up51 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(98vw, -150vh, -76px);
            transform: translate3d(98vw, -150vh, -76px);
  }
}
.c:nth-child(52) {
  height: 74px;
  width: 74px;
  border: 3px solid #cc337b;
  position: absolute;
  -webkit-animation: up52 32.6s infinite;
          animation: up52 32.6s infinite;
  -webkit-animation-delay: -41.6s;
          animation-delay: -41.6s;
  -webkit-transform: translate3d(0vw, 150vh, -144px);
          transform: translate3d(0vw, 150vh, -144px);
  background: -webkit-radial-gradient(top left, circle,rgba(255, 71, 184, 0.7), rgba(231, 66, 155, 0.7));
  background: radial-gradient(circle at top left,rgba(255, 71, 184, 0.7), rgba(231, 66, 155, 0.7));
}

@-webkit-keyframes up52 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0vw, -150vh, -144px);
            transform: translate3d(0vw, -150vh, -144px);
  }
}

@keyframes up52 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0vw, -150vh, -144px);
            transform: translate3d(0vw, -150vh, -144px);
  }
}
.c:nth-child(53) {
  height: 118px;
  width: 118px;
  border: 4px solid #cc337b;
  position: absolute;
  -webkit-animation: up53 28.2s infinite;
          animation: up53 28.2s infinite;
  -webkit-animation-delay: -42.4s;
          animation-delay: -42.4s;
  -webkit-transform: translate3d(50vw, 150vh, -123px);
          transform: translate3d(50vw, 150vh, -123px);
  background: -webkit-radial-gradient(top left, circle,rgba(255, 71, 184, 0.7), rgba(231, 66, 155, 0.7));
  background: radial-gradient(circle at top left,rgba(255, 71, 184, 0.7), rgba(231, 66, 155, 0.7));
}

@-webkit-keyframes up53 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(50vw, -150vh, -123px);
            transform: translate3d(50vw, -150vh, -123px);
  }
}

@keyframes up53 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(50vw, -150vh, -123px);
            transform: translate3d(50vw, -150vh, -123px);
  }
}
.c:nth-child(54) {
  height: 40px;
  width: 40px;
  border: 2px solid #cc337f;
  position: absolute;
  -webkit-animation: up54 36s infinite;
          animation: up54 36s infinite;
  -webkit-animation-delay: -43.2s;
          animation-delay: -43.2s;
  -webkit-transform: translate3d(80vw, 150vh, -2px);
          transform: translate3d(80vw, 150vh, -2px);
  background: -webkit-radial-gradient(top left, circle, rgba(234, 25, 151, 0.7), rgba(231, 89, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(234, 25, 151, 0.7), rgba(231, 89, 155, 0.7));
}

@-webkit-keyframes up54 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(80vw, -150vh, -2px);
            transform: translate3d(80vw, -150vh, -2px);
  }
}

@keyframes up54 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(80vw, -150vh, -2px);
            transform: translate3d(80vw, -150vh, -2px);
  }
}
.c:nth-child(55) {
  height: 40px;
  width: 40px;
  border: 2px solid #cc337f;
  position: absolute;
  -webkit-animation: up55 36s infinite;
          animation: up55 36s infinite;
  -webkit-animation-delay: -44s;
          animation-delay: -44s;
  -webkit-transform: translate3d(66vw, 150vh, -51px);
          transform: translate3d(66vw, 150vh, -51px);
  background: -webkit-radial-gradient(top left, circle, rgba(234, 25, 151, 0.7), rgba(231, 89, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(234, 25, 151, 0.7), rgba(231, 89, 155, 0.7));
}

@-webkit-keyframes up55 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(66vw, -150vh, -51px);
            transform: translate3d(66vw, -150vh, -51px);
  }
}

@keyframes up55 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(66vw, -150vh, -51px);
            transform: translate3d(66vw, -150vh, -51px);
  }
}
.c:nth-child(56) {
  height: 28px;
  width: 28px;
  border: 1px solid #cc337b;
  position: absolute;
  -webkit-animation: up56 37.2s infinite;
          animation: up56 37.2s infinite;
  -webkit-animation-delay: -44.8s;
          animation-delay: -44.8s;
  -webkit-transform: translate3d(51vw, 150vh, -143px);
          transform: translate3d(51vw, 150vh, -143px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 72, 155, 0.7), rgba(231, 88, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 72, 155, 0.7), rgba(231, 88, 155, 0.7));
}

@-webkit-keyframes up56 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(51vw, -150vh, -143px);
            transform: translate3d(51vw, -150vh, -143px);
  }
}

@keyframes up56 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(51vw, -150vh, -143px);
            transform: translate3d(51vw, -150vh, -143px);
  }
}
.c:nth-child(57) {
  height: 171px;
  width: 171px;
  border: 6px solid #cc337b;
  position: absolute;
  -webkit-animation: up57 22.9s infinite;
          animation: up57 22.9s infinite;
  -webkit-animation-delay: -45.6s;
          animation-delay: -45.6s;
  -webkit-transform: translate3d(34vw, 150vh, -67px);
          transform: translate3d(34vw, 150vh, -67px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 72, 155, 0.7), rgba(231, 88, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 72, 155, 0.7), rgba(231, 88, 155, 0.7));
}

@-webkit-keyframes up57 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(34vw, -150vh, -67px);
            transform: translate3d(34vw, -150vh, -67px);
  }
}

@keyframes up57 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(34vw, -150vh, -67px);
            transform: translate3d(34vw, -150vh, -67px);
  }
}
.c:nth-child(58) {
  height: 50px;
  width: 50px;
  border: 2px solid #cc338d;
  position: absolute;
  -webkit-animation: up58 35s infinite;
          animation: up58 35s infinite;
  -webkit-animation-delay: -46.4s;
          animation-delay: -46.4s;
  -webkit-transform: translate3d(10vw, 150vh, -132px);
          transform: translate3d(10vw, 150vh, -132px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 70, 155, 0.7), rgba(231, 83, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 70, 155, 0.7), rgba(231, 83, 155, 0.7));
}

@-webkit-keyframes up58 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(10vw, -150vh, -132px);
            transform: translate3d(10vw, -150vh, -132px);
  }
}

@keyframes up58 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(10vw, -150vh, -132px);
            transform: translate3d(10vw, -150vh, -132px);
  }
}
.c:nth-child(59) {
  height: 183px;
  width: 183px;
  border: 7px solid #cc338d;
  position: absolute;
  -webkit-animation: up59 21.7s infinite;
          animation: up59 21.7s infinite;
  -webkit-animation-delay: -47.2s;
          animation-delay: -47.2s;
  -webkit-transform: translate3d(40vw, 150vh, -202px);
          transform: translate3d(40vw, 150vh, -202px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 70, 155, 0.7), rgba(231, 83, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 70, 155, 0.7), rgba(231, 83, 155, 0.7));
}

@-webkit-keyframes up59 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(40vw, -150vh, -202px);
            transform: translate3d(40vw, -150vh, -202px);
  }
}

@keyframes up59 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(40vw, -150vh, -202px);
            transform: translate3d(40vw, -150vh, -202px);
  }
}
.c:nth-child(60) {
  height: 166px;
  width: 166px;
  border: 6px solid #cc337f;
  position: absolute;
  -webkit-animation: up60 23.4s infinite;
          animation: up60 23.4s infinite;
  -webkit-animation-delay: -48s;
          animation-delay: -48s;
  -webkit-transform: translate3d(2vw, 150vh, -119px);
          transform: translate3d(2vw, 150vh, -119px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 50, 155, 0.7), rgba(231, 55, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 50, 155, 0.7), rgba(231, 55, 155, 0.7));
}

@-webkit-keyframes up60 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(2vw, -150vh, -119px);
            transform: translate3d(2vw, -150vh, -119px);
  }
}

@keyframes up60 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(2vw, -150vh, -119px);
            transform: translate3d(2vw, -150vh, -119px);
  }
}
.c:nth-child(61) {
  height: 97px;
  width: 97px;
  border: 4px solid #cc337f;
  position: absolute;
  -webkit-animation: up61 30.3s infinite;
          animation: up61 30.3s infinite;
  -webkit-animation-delay: -48.8s;
          animation-delay: -48.8s;
  -webkit-transform: translate3d(73vw, 150vh, -77px);
          transform: translate3d(73vw, 150vh, -77px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 50, 155, 0.7), rgba(231, 55, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 50, 155, 0.7), rgba(231, 55, 155, 0.7));
}

@-webkit-keyframes up61 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(73vw, -150vh, -77px);
            transform: translate3d(73vw, -150vh, -77px);
  }
}

@keyframes up61 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(73vw, -150vh, -77px);
            transform: translate3d(73vw, -150vh, -77px);
  }
}
.c:nth-child(62) {
  height: 161px;
  width: 161px;
  border: 6px solid #cc3382;
  position: absolute;
  -webkit-animation: up62 23.9s infinite;
          animation: up62 23.9s infinite;
  -webkit-animation-delay: -49.6s;
          animation-delay: -49.6s;
  -webkit-transform: translate3d(20vw, 150vh, -244px);
          transform: translate3d(20vw, 150vh, -244px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 90, 155, 0.7), rgba(231, 85, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 90, 155, 0.7), rgba(231, 85, 155, 0.7));
}

@-webkit-keyframes up62 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(20vw, -150vh, -244px);
            transform: translate3d(20vw, -150vh, -244px);
  }
}

@keyframes up62 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(20vw, -150vh, -244px);
            transform: translate3d(20vw, -150vh, -244px);
  }
}
.c:nth-child(63) {
  height: 183px;
  width: 183px;
  border: 7px solid #cc3382;
  position: absolute;
  -webkit-animation: up63 21.7s infinite;
          animation: up63 21.7s infinite;
  -webkit-animation-delay: -50.4s;
          animation-delay: -50.4s;
  -webkit-transform: translate3d(6vw, 150vh, -134px);
          transform: translate3d(6vw, 150vh, -134px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 90, 155, 0.7), rgba(231, 85, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 90, 155, 0.7), rgba(231, 85, 155, 0.7));
}

@-webkit-keyframes up63 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -134px);
            transform: translate3d(6vw, -150vh, -134px);
  }
}

@keyframes up63 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(6vw, -150vh, -134px);
            transform: translate3d(6vw, -150vh, -134px);
  }
}
.c:nth-child(64) {
  height: 47px;
  width: 47px;
  border: 2px solid #cc3389;
  position: absolute;
  -webkit-animation: up64 35.3s infinite;
          animation: up64 35.3s infinite;
  -webkit-animation-delay: -51.2s;
          animation-delay: -51.2s;
  -webkit-transform: translate3d(82vw, 150vh, -357px);
          transform: translate3d(82vw, 150vh, -357px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 80, 155, 0.7), rgba(231, 60, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 80, 155, 0.7), rgba(231, 60, 155, 0.7));
}

@-webkit-keyframes up64 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(82vw, -150vh, -357px);
            transform: translate3d(82vw, -150vh, -357px);
  }
}

@keyframes up64 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(82vw, -150vh, -357px);
            transform: translate3d(82vw, -150vh, -357px);
  }
}
.c:nth-child(65) {
  height: 217px;
  width: 217px;
  border: 8px solid #cc3389;
  position: absolute;
  -webkit-animation: up65 18.3s infinite;
          animation: up65 18.3s infinite;
  -webkit-animation-delay: -52s;
          animation-delay: -52s;
  -webkit-transform: translate3d(55vw, 150vh, -7px);
          transform: translate3d(55vw, 150vh, -7px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 80, 155, 0.7), rgba(231, 60, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 80, 155, 0.7), rgba(231, 60, 155, 0.7));
}

@-webkit-keyframes up65 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(55vw, -150vh, -7px);
            transform: translate3d(55vw, -150vh, -7px);
  }
}

@keyframes up65 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(55vw, -150vh, -7px);
            transform: translate3d(55vw, -150vh, -7px);
  }
}
.c:nth-child(66) {
  height: 106px;
  width: 106px;
  border: 4px solid #cc3391;
  position: absolute;
  -webkit-animation: up66 29.4s infinite;
          animation: up66 29.4s infinite;
  -webkit-animation-delay: -52.8s;
          animation-delay: -52.8s;
  -webkit-transform: translate3d(0vw, 150vh, -243px);
          transform: translate3d(0vw, 150vh, -243px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 50, 137, 0.7), rgba(231, 100, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 50, 137, 0.7), rgba(231, 100, 155, 0.7));
}

@-webkit-keyframes up66 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0vw, -150vh, -243px);
            transform: translate3d(0vw, -150vh, -243px);
  }
}

@keyframes up66 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0vw, -150vh, -243px);
            transform: translate3d(0vw, -150vh, -243px);
  }
}
.c:nth-child(67) {
  height: 23px;
  width: 23px;
  border: 1px solid #cc3391;
  position: absolute;
  -webkit-animation: up67 37.7s infinite;
          animation: up67 37.7s infinite;
  -webkit-animation-delay: -53.6s;
          animation-delay: -53.6s;
  -webkit-transform: translate3d(71vw, 150vh, -382px);
          transform: translate3d(71vw, 150vh, -382px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 50, 137, 0.7), rgba(231, 100, 155, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 50, 137, 0.7), rgba(231, 100, 155, 0.7));
}

@-webkit-keyframes up67 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(71vw, -150vh, -382px);
            transform: translate3d(71vw, -150vh, -382px);
  }
}

@keyframes up67 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(71vw, -150vh, -382px);
            transform: translate3d(71vw, -150vh, -382px);
  }
}
.c:nth-child(68) {
  height: 205px;
  width: 205px;
  border: 7px solid #cc3365;
  position: absolute;
  -webkit-animation: up68 19.5s infinite;
          animation: up68 19.5s infinite;
  -webkit-animation-delay: -54.4s;
          animation-delay: -54.4s;
  -webkit-transform: translate3d(62vw, 150vh, -247px);
          transform: translate3d(62vw, 150vh, -247px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 20, 137, 0.7), rgba(231, 30, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 20, 137, 0.7), rgba(231, 30, 137, 0.7));
}

@-webkit-keyframes up68 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(62vw, -150vh, -247px);
            transform: translate3d(62vw, -150vh, -247px);
  }
}

@keyframes up68 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(62vw, -150vh, -247px);
            transform: translate3d(62vw, -150vh, -247px);
  }
}
.c:nth-child(69) {
  height: 79px;
  width: 79px;
  border: 3px solid #cc3365;
  position: absolute;
  -webkit-animation: up69 32.1s infinite;
          animation: up69 32.1s infinite;
  -webkit-animation-delay: -55.2s;
          animation-delay: -55.2s;
  -webkit-transform: translate3d(34vw, 150vh, -228px);
          transform: translate3d(34vw, 150vh, -228px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 20, 137, 0.7), rgba(231, 30, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 20, 137, 0.7), rgba(231, 30, 137, 0.7));
}

@-webkit-keyframes up69 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(34vw, -150vh, -228px);
            transform: translate3d(34vw, -150vh, -228px);
  }
}

@keyframes up69 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(34vw, -150vh, -228px);
            transform: translate3d(34vw, -150vh, -228px);
  }
}
.c:nth-child(70) {
  height: 22px;
  width: 22px;
  border: 1px solid #cc3377;
  position: absolute;
  -webkit-animation: up70 37.8s infinite;
          animation: up70 37.8s infinite;
  -webkit-animation-delay: -56s;
          animation-delay: -56s;
  -webkit-transform: translate3d(89vw, 150vh, -130px);
          transform: translate3d(89vw, 150vh, -130px);
  background: -webkit-radial-gradient(top left, circle, rgba(236, 43, 152, 0.7), rgba(231, 15, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(236, 43, 152, 0.7), rgba(231, 15, 137, 0.7));
}

@-webkit-keyframes up70 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(89vw, -150vh, -130px);
            transform: translate3d(89vw, -150vh, -130px);
  }
}

@keyframes up70 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(89vw, -150vh, -130px);
            transform: translate3d(89vw, -150vh, -130px);
  }
}
.c:nth-child(71) {
  height: 203px;
  width: 203px;
  border: 7px solid #cc3377;
  position: absolute;
  -webkit-animation: up71 19.7s infinite;
          animation: up71 19.7s infinite;
  -webkit-animation-delay: -56.8s;
          animation-delay: -56.8s;
  -webkit-transform: translate3d(57vw, 150vh, -70px);
          transform: translate3d(57vw, 150vh, -70px);
  background: -webkit-radial-gradient(top left, circle, rgba(236, 43, 152, 0.7), rgba(231, 15, 137, 0.7));
  background: radial-gradient(circle at top left, rgba(236, 43, 152, 0.7), rgba(231, 15, 137, 0.7));
}

@-webkit-keyframes up71 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(57vw, -150vh, -70px);
            transform: translate3d(57vw, -150vh, -70px);
  }
}

@keyframes up71 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(57vw, -150vh, -70px);
            transform: translate3d(57vw, -150vh, -70px);
  }
}
.c:nth-child(72) {
  height: 80px;
  width: 80px;
  border: 3px solid #cc3380;
  position: absolute;
  -webkit-animation: up72 32s infinite;
          animation: up72 32s infinite;
  -webkit-animation-delay: -57.6s;
          animation-delay: -57.6s;
  -webkit-transform: translate3d(76vw, 150vh, -144px);
          transform: translate3d(76vw, 150vh, -144px);
  background: -webkit-radial-gradient(top left, circle, rgba(226, 17, 135, 0.7), rgba(221, 48, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(226, 17, 135, 0.7), rgba(221, 48, 146, 0.7));
}

@-webkit-keyframes up72 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(76vw, -150vh, -144px);
            transform: translate3d(76vw, -150vh, -144px);
  }
}

@keyframes up72 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(76vw, -150vh, -144px);
            transform: translate3d(76vw, -150vh, -144px);
  }
}
.c:nth-child(73) {
  height: 81px;
  width: 81px;
  border: 3px solid #cc3380;
  position: absolute;
  -webkit-animation: up73 31.9s infinite;
          animation: up73 31.9s infinite;
  -webkit-animation-delay: -58.4s;
          animation-delay: -58.4s;
  -webkit-transform: translate3d(83vw, 150vh, -144px);
          transform: translate3d(83vw, 150vh, -144px);
  background: -webkit-radial-gradient(top left, circle, rgba(226, 17, 135, 0.7), rgba(221, 48, 146, 0.7));
  background: radial-gradient(circle at top left, rgba(226, 17, 135, 0.7), rgba(221, 48, 146, 0.7));
}

@-webkit-keyframes up73 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(83vw, -150vh, -144px);
            transform: translate3d(83vw, -150vh, -144px);
  }
}

@keyframes up73 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(83vw, -150vh, -144px);
            transform: translate3d(83vw, -150vh, -144px);
  }
}
.c:nth-child(74) {
  height: 123px;
  width: 123px;
  border: 5px solid #cc338d;
  position: absolute;
  -webkit-animation: up74 27.7s infinite;
          animation: up74 27.7s infinite;
  -webkit-animation-delay: -59.2s;
          animation-delay: -59.2s;
  -webkit-transform: translate3d(12vw, 150vh, -311px);
          transform: translate3d(12vw, 150vh, -311px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 90, 169, 0.7), rgba(251, 4, 143, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 90, 169, 0.7), rgba(251, 4, 143, 0.7));
}

@-webkit-keyframes up74 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(12vw, -150vh, -311px);
            transform: translate3d(12vw, -150vh, -311px);
  }
}

@keyframes up74 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(12vw, -150vh, -311px);
            transform: translate3d(12vw, -150vh, -311px);
  }
}
.c:nth-child(75) {
  height: 27px;
  width: 27px;
  border: 1px solid #cc338d;
  position: absolute;
  -webkit-animation: up75 37.3s infinite;
          animation: up75 37.3s infinite;
  -webkit-animation-delay: -60s;
          animation-delay: -60s;
  -webkit-transform: translate3d(84vw, 150vh, -295px);
          transform: translate3d(84vw, 150vh, -295px);
  background: -webkit-radial-gradient(top left, circle, rgba(231, 90, 169, 0.7), rgba(251, 4, 143, 0.7));
  background: radial-gradient(circle at top left, rgba(231, 90, 169, 0.7), rgba(251, 4, 143, 0.7));
}

@-webkit-keyframes up75 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(84vw, -150vh, -295px);
            transform: translate3d(84vw, -150vh, -295px);
  }
}

@keyframes up75 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(84vw, -150vh, -295px);
            transform: translate3d(84vw, -150vh, -295px);
  }
}
.c:nth-child(76) {
  height: 129px;
  width: 129px;
  border: 5px solid #cc337f;
  position: absolute;
  -webkit-animation: up76 27.1s infinite;
          animation: up76 27.1s infinite;
  -webkit-animation-delay: -60.8s;
          animation-delay: -60.8s;
  -webkit-transform: translate3d(8vw, 150vh, -148px);
          transform: translate3d(8vw, 150vh, -148px);
  background: -webkit-radial-gradient(top left, circle, rgba(255, 137, 218, 0.7), rgba(255, 54, 168, 0.7));
  background: radial-gradient(circle at top left, rgba(255, 137, 218, 0.7), rgba(255, 54, 168, 0.7));
}

@-webkit-keyframes up76 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -148px);
            transform: translate3d(8vw, -150vh, -148px);
  }
}

@keyframes up76 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(8vw, -150vh, -148px);
            transform: translate3d(8vw, -150vh, -148px);
  }
}
.c:nth-child(77) {
  height: 149px;
  width: 149px;
  border: 5px solid #cc3390;
  position: absolute;
  -webkit-animation: up77 25.1s infinite;
          animation: up77 25.1s infinite;
  -webkit-animation-delay: -61.6s;
          animation-delay: -61.6s;
  -webkit-transform: translate3d(58vw, 150vh, -91px);
          transform: translate3d(58vw, 150vh, -91px);
  background: -webkit-radial-gradient(top left, circle, rgba(255, 137, 218, 0.7),rgba(255, 71, 184, 0.7));
  background: radial-gradient(circle at top left, rgba(255, 137, 218, 0.7),rgba(255, 71, 184, 0.7));
}

@-webkit-keyframes up77 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(58vw, -150vh, -91px);
            transform: translate3d(58vw, -150vh, -91px);
  }
}

@keyframes up77 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(58vw, -150vh, -91px);
            transform: translate3d(58vw, -150vh, -91px);
  }
}
.c:nth-child(78) {
  height: 159px;
  width: 159px;
  border: 6px solid #cc3390;
  position: absolute;
  -webkit-animation: up78 24.1s infinite;
          animation: up78 24.1s infinite;
  -webkit-animation-delay: -62.4s;
          animation-delay: -62.4s;
  -webkit-transform: translate3d(3vw, 150vh, -356px);
          transform: translate3d(3vw, 150vh, -356px);
  background: -webkit-radial-gradient(top left, circle, rgba(232, 97, 186, 0.7),rgba(255, 71, 184, 0.7));
  background: radial-gradient(circle at top left, rgba(232, 97, 186, 0.7),rgba(255, 71, 184, 0.7));
}

@-webkit-keyframes up78 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(3vw, -150vh, -356px);
            transform: translate3d(3vw, -150vh, -356px);
  }
}

@keyframes up78 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(3vw, -150vh, -356px);
            transform: translate3d(3vw, -150vh, -356px);
  }
}
.c:nth-child(79) {
  height: 109px;
  width: 109px;
  border: 4px solid #cc3398;
  position: absolute;
  -webkit-animation: up79 29.1s infinite;
          animation: up79 29.1s infinite;
  -webkit-animation-delay: -63.2s;
          animation-delay: -63.2s;
  -webkit-transform: translate3d(60vw, 150vh, -109px);
          transform: translate3d(60vw, 150vh, -109px);
  background: -webkit-radial-gradient(top left, circle, rgba(232, 97, 186, 0.7), rgba(234, 25, 151, 0.7));
  background: radial-gradient(circle at top left, rgba(232, 97, 186, 0.7), rgba(234, 25, 151, 0.7));
}

@-webkit-keyframes up79 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(60vw, -150vh, -109px);
            transform: translate3d(60vw, -150vh, -109px);
  }
}

@keyframes up79 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(60vw, -150vh, -109px);
            transform: translate3d(60vw, -150vh, -109px);
  }
}
.c:nth-child(80) {
  height: 61px;
  width: 61px;
  border: 3px solid #cc3398;
  position: absolute;
  -webkit-animation: up80 33.9s infinite;
          animation: up80 33.9s infinite;
  -webkit-animation-delay: -64s;
          animation-delay: -64s;
  -webkit-transform: translate3d(84vw, 150vh, -337px);
          transform: translate3d(84vw, 150vh, -337px);
  background: -webkit-radial-gradient(top left, circle, rgba(255, 104, 203, 0.7), rgba(234, 25, 151, 0.7));
  background: radial-gradient(circle at top left, rgba(255, 104, 203, 0.7), rgba(234, 25, 151, 0.7));
}

@-webkit-keyframes up80 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(84vw, -150vh, -337px);
            transform: translate3d(84vw, -150vh, -337px);
  }
}

@keyframes up80 {
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(84vw, -150vh, -337px);
            transform: translate3d(84vw, -150vh, -337px);
  }
}