.container {
  width: 100%; height: 100%;
  overflow: hidden;
  position: fixed; top: 0; left: 0; z-index: -100;
}
.circle-container {
  position: absolute;-webkit-transform: translateY(-10vh); transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; animation-timing-function: linear;
}
.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%);-webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {  0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
@keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }

@-webkit-keyframes scale-frames {
  0% {-webkit-transform: scale3d(0.4, 0.4, 1);transform: scale3d(0.4, 0.4, 1);}
  50% {-webkit-transform: scale3d(2.2, 2.2, 1);transform: scale3d(2.2, 2.2, 1);}
  100% {-webkit-transform: scale3d(0.4, 0.4, 1);transform: scale3d(0.4, 0.4, 1);}
}
@keyframes scale-frames {
  0% {-webkit-transform: scale3d(0.4, 0.4, 1);transform: scale3d(0.4, 0.4, 1);}
  50% {-webkit-transform: scale3d(2.2, 2.2, 1);transform: scale3d(2.2, 2.2, 1);}
  100% {-webkit-transform: scale3d(0.4, 0.4, 1);transform: scale3d(0.4, 0.4, 1);}
}
.circle-container:nth-child(1) {
  width: 3px; height: 3px;-webkit-animation-name: move-frames-1;animation-name: move-frames-1;
  -webkit-animation-duration: 12543ms;animation-duration: 12543ms;-webkit-animation-delay: 5512ms;animation-delay: 5512ms;
}
@-webkit-keyframes move-frames-1 {
  from {-webkit-transform: translate3d(83vw, 102vh, 0);transform: translate3d(83vw, 102vh, 0);}
  to {-webkit-transform: translate3d(6vw, -126vh, 0);transform: translate3d(6vw, -126vh, 0);}
}
@keyframes move-frames-1 {
  from {-webkit-transform: translate3d(83vw, 102vh, 0);transform: translate3d(83vw, 102vh, 0);}
  to {-webkit-transform: translate3d(6vw, -126vh, 0);transform: translate3d(6vw, -126vh, 0);}
}
.circle-container:nth-child(1) .circle {-webkit-animation-delay: 333ms;animation-delay: 333ms;}


.circle-container:nth-child(2) {
  width: 2px; height: 2px;-webkit-animation-name: move-frames-2;animation-name: move-frames-2;
  -webkit-animation-duration: 11543ms;animation-duration: 11543ms;-webkit-animation-delay: 4112ms;animation-delay: 4112ms;
}
@-webkit-keyframes move-frames-2 {
  from {-webkit-transform: translate3d(53vw, 109vh, 0);transform: translate3d(53vw, 109vh, 0);}
  to {-webkit-transform: translate3d(82vw, -132vh, 0);transform: translate3d(82vw, -132vh, 0);}
}
@keyframes move-frames-2 {
  from {-webkit-transform: translate3d(53vw, 109vh, 0);transform: translate3d(53vw, 109vh, 0);}
  to {-webkit-transform: translate3d(82vw, -132vh, 0);transform: translate3d(82vw, -132vh, 0);}
}
.circle-container:nth-child(2) .circle {-webkit-animation-delay: 877ms;animation-delay: 877ms;}


.circle-container:nth-child(3) {
  width: 7px; height: 7px;-webkit-animation-name: move-frames-3;animation-name: move-frames-3;
  -webkit-animation-duration: 10543ms;animation-duration: 10543ms;-webkit-animation-delay: 3612ms;animation-delay: 3612ms;
}
@-webkit-keyframes move-frames-3 {
  from {-webkit-transform: translate3d(80vw, 106vh, 0);transform: translate3d(80vw, 106vh, 0);}
  to {-webkit-transform: translate3d(48vw, -126vh, 0);transform: translate3d(48vw, -126vh, 0);}
}
@keyframes move-frames-3 {
  from {-webkit-transform: translate3d(80vw, 106vh, 0);transform: translate3d(80vw, 106vh, 0);}
  to {-webkit-transform: translate3d(48vw, -126vh, 0);transform: translate3d(48vw, -126vh, 0);}
}
.circle-container:nth-child(3) .circle {-webkit-animation-delay: 394ms;animation-delay: 394ms;}


.circle-container:nth-child(4) {
  width: 3px; height: 3px; -webkit-animation-name: move-frames-4;animation-name: move-frames-4;
  -webkit-animation-duration: 9543ms;animation-duration: 9543ms;-webkit-animation-delay: 2212ms;animation-delay: 2212ms;
}
@-webkit-keyframes move-frames-4 {
  from {-webkit-transform: translate3d(78vw, 101vh, 0);transform: translate3d(78vw, 101vh, 0);}
  to {-webkit-transform: translate3d(58vw, -103vh, 0);transform: translate3d(58vw, -103vh, 0); }
}
@keyframes move-frames-4 {
  from {-webkit-transform: translate3d(78vw, 101vh, 0);transform: translate3d(78vw, 101vh, 0);}
  to {-webkit-transform: translate3d(58vw, -103vh, 0);transform: translate3d(58vw, -103vh, 0);}
}
.circle-container:nth-child(4) .circle {-webkit-animation-delay: 934ms;animation-delay: 934ms;}


.circle-container:nth-child(5) {
  width: 3px; height: 3px;-webkit-animation-name: move-frames-5;animation-name: move-frames-5;
  -webkit-animation-duration: 8543ms;animation-duration: 8543ms;-webkit-animation-delay: 1812ms;animation-delay: 1812ms;
}
@-webkit-keyframes move-frames-5 {
  from {-webkit-transform: translate3d(91vw, 105vh, 0);transform: translate3d(91vw, 105vh, 0);}
  to {-webkit-transform: translate3d(60vw, -126vh, 0);transform: translate3d(60vw, -126vh, 0);}
}
@keyframes move-frames-5 {
  from {-webkit-transform: translate3d(91vw, 105vh, 0);transform: translate3d(91vw, 105vh, 0);}
  to {-webkit-transform: translate3d(60vw, -126vh, 0);transform: translate3d(60vw, -126vh, 0);}
}
.circle-container:nth-child(5) .circle {-webkit-animation-delay: 993ms;animation-delay: 993ms;}


.circle-container:nth-child(6) {
  width: 5px; height: 5px;-webkit-animation-name: move-frames-6;animation-name: move-frames-6;
  -webkit-animation-duration: 12543ms;animation-duration: 12543ms;-webkit-animation-delay: 512ms;animation-delay: 512ms;
}
@-webkit-keyframes move-frames-6 {
  from {-webkit-transform: translate3d(32vw, 106vh, 0);transform: translate3d(32vw, 106vh, 0);}
  to {-webkit-transform: translate3d(3vw, -125vh, 0);transform: translate3d(3vw, -125vh, 0);}
}
@keyframes move-frames-6 {
  from {-webkit-transform: translate3d(32vw, 106vh, 0);transform: translate3d(32vw, 106vh, 0);}
  to {-webkit-transform: translate3d(3vw, -125vh, 0);transform: translate3d(3vw, -125vh, 0);}
}
.circle-container:nth-child(6) .circle {-webkit-animation-delay: 5ms;animation-delay: 5ms;}