.container-particle {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.circle-container {
  position: absolute;
  transform: translateY(-10vh);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.circle-container .circle {
  width: 200%;
  height: 200%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(hsla(192.92, 100%, 66.16%, 0.31), hsla(172.62, 72%, 73%, 0.44) 10%, hsla(180, 100%, 80%, 0) 56%);
  animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.circle-container:nth-child(1) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-1;
  animation-duration: 30091ms;
  animation-delay: 1351ms;
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(13vw, 103vh, 0);
  }
  to {
    transform: translate3d(7vw, -124vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  animation-delay: 3912ms;
}
.circle-container:nth-child(2) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-2;
  animation-duration: 32344ms;
  animation-delay: 21914ms;
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(100vw, 104vh, 0);
  }
  to {
    transform: translate3d(63vw, -116vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  animation-delay: 1177ms;
}
.circle-container:nth-child(3) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-3;
  animation-duration: 28798ms;
  animation-delay: 34297ms;
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(77vw, 103vh, 0);
  }
  to {
    transform: translate3d(21vw, -119vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  animation-delay: 3411ms;
}
.circle-container:nth-child(4) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-4;
  animation-duration: 32621ms;
  animation-delay: 35727ms;
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(25vw, -117vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  animation-delay: 1660ms;
}
.circle-container:nth-child(5) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-5;
  animation-duration: 31824ms;
  animation-delay: 191ms;
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(19vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -130vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  animation-delay: 2708ms;
}
.circle-container:nth-child(6) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-6;
  animation-duration: 30903ms;
  animation-delay: 13117ms;
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(58vw, 110vh, 0);
  }
  to {
    transform: translate3d(32vw, -129vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  animation-delay: 407ms;
}
.circle-container:nth-child(7) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-7;
  animation-duration: 28511ms;
  animation-delay: 7370ms;
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(98vw, 106vh, 0);
  }
  to {
    transform: translate3d(31vw, -107vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  animation-delay: 679ms;
}
.circle-container:nth-child(8) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-8;
  animation-duration: 33677ms;
  animation-delay: 29103ms;
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(19vw, 107vh, 0);
  }
  to {
    transform: translate3d(50vw, -132vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  animation-delay: 433ms;
}
.circle-container:nth-child(9) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-9;
  animation-duration: 36715ms;
  animation-delay: 25646ms;
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(22vw, 105vh, 0);
  }
  to {
    transform: translate3d(89vw, -106vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  animation-delay: 3750ms;
}
.circle-container:nth-child(10) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-10;
  animation-duration: 32971ms;
  animation-delay: 5896ms;
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(36vw, 110vh, 0);
  }
  to {
    transform: translate3d(68vw, -131vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  animation-delay: 1616ms;
}
.circle-container:nth-child(11) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-11;
  animation-duration: 36359ms;
  animation-delay: 35884ms;
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(11vw, 110vh, 0);
  }
  to {
    transform: translate3d(98vw, -118vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  animation-delay: 1221ms;
}
.circle-container:nth-child(12) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-12;
  animation-duration: 30021ms;
  animation-delay: 27708ms;
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(90vw, -122vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  animation-delay: 1925ms;
}
.circle-container:nth-child(13) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-13;
  animation-duration: 31157ms;
  animation-delay: 1954ms;
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(29vw, 107vh, 0);
  }
  to {
    transform: translate3d(50vw, -137vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  animation-delay: 2149ms;
}
.circle-container:nth-child(14) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-14;
  animation-duration: 33465ms;
  animation-delay: 18523ms;
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(15vw, -106vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  animation-delay: 2786ms;
}
.circle-container:nth-child(15) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-15;
  animation-duration: 28952ms;
  animation-delay: 31178ms;
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(20vw, -128vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  animation-delay: 2263ms;
}
.circle-container:nth-child(16) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-16;
  animation-duration: 35688ms;
  animation-delay: 36775ms;
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -134vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  animation-delay: 1428ms;
}
.circle-container:nth-child(17) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-17;
  animation-duration: 30026ms;
  animation-delay: 21768ms;
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(3vw, 101vh, 0);
  }
  to {
    transform: translate3d(81vw, -131vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  animation-delay: 1619ms;
}
.circle-container:nth-child(18) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-18;
  animation-duration: 33821ms;
  animation-delay: 35423ms;
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(65vw, 107vh, 0);
  }
  to {
    transform: translate3d(64vw, -124vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  animation-delay: 2763ms;
}
.circle-container:nth-child(19) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-19;
  animation-duration: 32902ms;
  animation-delay: 21684ms;
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(57vw, 102vh, 0);
  }
  to {
    transform: translate3d(27vw, -120vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  animation-delay: 309ms;
}
.circle-container:nth-child(20) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-20;
  animation-duration: 29067ms;
  animation-delay: 7925ms;
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(18vw, 106vh, 0);
  }
  to {
    transform: translate3d(56vw, -118vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  animation-delay: 2014ms;
}
.circle-container:nth-child(21) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-21;
  animation-duration: 31824ms;
  animation-delay: 19766ms;
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(97vw, 108vh, 0);
  }
  to {
    transform: translate3d(37vw, -134vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  animation-delay: 1718ms;
}
.circle-container:nth-child(22) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-22;
  animation-duration: 34161ms;
  animation-delay: 16082ms;
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(31vw, 109vh, 0);
  }
  to {
    transform: translate3d(96vw, -134vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  animation-delay: 3857ms;
}
.circle-container:nth-child(23) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-23;
  animation-duration: 34615ms;
  animation-delay: 15297ms;
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(34vw, -121vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  animation-delay: 2663ms;
}
.circle-container:nth-child(24) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-24;
  animation-duration: 35388ms;
  animation-delay: 34357ms;
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(35vw, 101vh, 0);
  }
  to {
    transform: translate3d(64vw, -127vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  animation-delay: 3942ms;
}
.circle-container:nth-child(25) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-25;
  animation-duration: 31418ms;
  animation-delay: 35348ms;
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(3vw, 108vh, 0);
  }
  to {
    transform: translate3d(44vw, -138vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  animation-delay: 758ms;
}
.circle-container:nth-child(26) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-26;
  animation-duration: 31251ms;
  animation-delay: 29345ms;
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(21vw, 101vh, 0);
  }
  to {
    transform: translate3d(99vw, -127vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  animation-delay: 2105ms;
}
.circle-container:nth-child(27) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-27;
  animation-duration: 28524ms;
  animation-delay: 7419ms;
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(84vw, 105vh, 0);
  }
  to {
    transform: translate3d(60vw, -129vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  animation-delay: 2047ms;
}
.circle-container:nth-child(28) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-28;
  animation-duration: 33671ms;
  animation-delay: 30323ms;
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(11vw, 101vh, 0);
  }
  to {
    transform: translate3d(79vw, -119vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  animation-delay: 2394ms;
}
.circle-container:nth-child(29) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-29;
  animation-duration: 30878ms;
  animation-delay: 26194ms;
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(34vw, -123vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  animation-delay: 345ms;
}
.circle-container:nth-child(30) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-30;
  animation-duration: 33910ms;
  animation-delay: 1539ms;
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(78vw, 109vh, 0);
  }
  to {
    transform: translate3d(62vw, -116vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  animation-delay: 705ms;
}
.circle-container:nth-child(31) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-31;
  animation-duration: 32161ms;
  animation-delay: 31143ms;
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(47vw, 102vh, 0);
  }
  to {
    transform: translate3d(53vw, -105vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  animation-delay: 1572ms;
}
.circle-container:nth-child(32) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-32;
  animation-duration: 36971ms;
  animation-delay: 31423ms;
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(10vw, 107vh, 0);
  }
  to {
    transform: translate3d(14vw, -115vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  animation-delay: 360ms;
}
.circle-container:nth-child(33) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-33;
  animation-duration: 31320ms;
  animation-delay: 1368ms;
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(75vw, 103vh, 0);
  }
  to {
    transform: translate3d(14vw, -109vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  animation-delay: 1879ms;
}
.circle-container:nth-child(34) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-34;
  animation-duration: 35025ms;
  animation-delay: 5954ms;
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(41vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -115vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  animation-delay: 3615ms;
}
.circle-container:nth-child(35) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-35;
  animation-duration: 31875ms;
  animation-delay: 25747ms;
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(98vw, 106vh, 0);
  }
  to {
    transform: translate3d(82vw, -135vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  animation-delay: 1023ms;
}
.circle-container:nth-child(36) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-36;
  animation-duration: 30059ms;
  animation-delay: 13149ms;
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(5vw, 101vh, 0);
  }
  to {
    transform: translate3d(41vw, -112vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  animation-delay: 98ms;
}
.circle-container:nth-child(37) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-37;
  animation-duration: 34419ms;
  animation-delay: 3380ms;
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(91vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -120vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  animation-delay: 3813ms;
}
.circle-container:nth-child(38) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-38;
  animation-duration: 34005ms;
  animation-delay: 14276ms;
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(4vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -115vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  animation-delay: 2986ms;
}
.circle-container:nth-child(39) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-39;
  animation-duration: 29809ms;
  animation-delay: 13745ms;
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(56vw, 102vh, 0);
  }
  to {
    transform: translate3d(100vw, -109vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  animation-delay: 1127ms;
}
.circle-container:nth-child(40) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-40;
  animation-duration: 31430ms;
  animation-delay: 27539ms;
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -115vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  animation-delay: 1020ms;
}
.circle-container:nth-child(41) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-41;
  animation-duration: 32954ms;
  animation-delay: 19838ms;
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(29vw, 106vh, 0);
  }
  to {
    transform: translate3d(87vw, -124vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  animation-delay: 2527ms;
}
.circle-container:nth-child(42) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-42;
  animation-duration: 32730ms;
  animation-delay: 20100ms;
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(5vw, -125vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  animation-delay: 3513ms;
}
.circle-container:nth-child(43) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-43;
  animation-duration: 29302ms;
  animation-delay: 7920ms;
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(82vw, 101vh, 0);
  }
  to {
    transform: translate3d(99vw, -111vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  animation-delay: 3290ms;
}
.circle-container:nth-child(44) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-44;
  animation-duration: 35128ms;
  animation-delay: 16942ms;
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(5vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -125vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  animation-delay: 1899ms;
}
.circle-container:nth-child(45) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-45;
  animation-duration: 30939ms;
  animation-delay: 1628ms;
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(5vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -110vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  animation-delay: 1753ms;
}
.circle-container:nth-child(46) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-46;
  animation-duration: 32302ms;
  animation-delay: 36121ms;
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(63vw, 105vh, 0);
  }
  to {
    transform: translate3d(52vw, -110vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  animation-delay: 3352ms;
}
.circle-container:nth-child(47) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-47;
  animation-duration: 36236ms;
  animation-delay: 28181ms;
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(66vw, 110vh, 0);
  }
  to {
    transform: translate3d(5vw, -140vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  animation-delay: 1310ms;
}
.circle-container:nth-child(48) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-48;
  animation-duration: 33064ms;
  animation-delay: 36140ms;
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(95vw, 110vh, 0);
  }
  to {
    transform: translate3d(44vw, -115vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  animation-delay: 3948ms;
}
.circle-container:nth-child(49) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-49;
  animation-duration: 33524ms;
  animation-delay: 34755ms;
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(28vw, -118vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  animation-delay: 1517ms;
}
.circle-container:nth-child(50) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-50;
  animation-duration: 30921ms;
  animation-delay: 35896ms;
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(91vw, 109vh, 0);
  }
  to {
    transform: translate3d(23vw, -126vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  animation-delay: 3838ms;
}
.circle-container:nth-child(51) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-51;
  animation-duration: 35559ms;
  animation-delay: 3946ms;
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(61vw, 110vh, 0);
  }
  to {
    transform: translate3d(31vw, -121vh, 0);
  }
}
.circle-container:nth-child(51) .circle {
  animation-delay: 1004ms;
}
.circle-container:nth-child(52) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-52;
  animation-duration: 35399ms;
  animation-delay: 20513ms;
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(92vw, 102vh, 0);
  }
  to {
    transform: translate3d(68vw, -106vh, 0);
  }
}
.circle-container:nth-child(52) .circle {
  animation-delay: 806ms;
}
.circle-container:nth-child(53) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-53;
  animation-duration: 36206ms;
  animation-delay: 30492ms;
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(72vw, 101vh, 0);
  }
  to {
    transform: translate3d(19vw, -114vh, 0);
  }
}
.circle-container:nth-child(53) .circle {
  animation-delay: 808ms;
}
.circle-container:nth-child(54) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-54;
  animation-duration: 29791ms;
  animation-delay: 371ms;
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(55vw, -121vh, 0);
  }
}
.circle-container:nth-child(54) .circle {
  animation-delay: 351ms;
}
.circle-container:nth-child(55) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-55;
  animation-duration: 33293ms;
  animation-delay: 36453ms;
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(41vw, 101vh, 0);
  }
  to {
    transform: translate3d(56vw, -103vh, 0);
  }
}
.circle-container:nth-child(55) .circle {
  animation-delay: 3738ms;
}
.circle-container:nth-child(56) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-56;
  animation-duration: 34494ms;
  animation-delay: 6558ms;
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(94vw, 109vh, 0);
  }
  to {
    transform: translate3d(78vw, -117vh, 0);
  }
}
.circle-container:nth-child(56) .circle {
  animation-delay: 3783ms;
}
.circle-container:nth-child(57) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-57;
  animation-duration: 32120ms;
  animation-delay: 29742ms;
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(51vw, -126vh, 0);
  }
}
.circle-container:nth-child(57) .circle {
  animation-delay: 2616ms;
}
.circle-container:nth-child(58) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-58;
  animation-duration: 35998ms;
  animation-delay: 32634ms;
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(64vw, 106vh, 0);
  }
  to {
    transform: translate3d(99vw, -118vh, 0);
  }
}
.circle-container:nth-child(58) .circle {
  animation-delay: 1935ms;
}
.circle-container:nth-child(59) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-59;
  animation-duration: 30707ms;
  animation-delay: 23511ms;
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(15vw, 109vh, 0);
  }
  to {
    transform: translate3d(79vw, -138vh, 0);
  }
}
.circle-container:nth-child(59) .circle {
  animation-delay: 3075ms;
}
.circle-container:nth-child(60) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-60;
  animation-duration: 32743ms;
  animation-delay: 12638ms;
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(26vw, 109vh, 0);
  }
  to {
    transform: translate3d(10vw, -112vh, 0);
  }
}
.circle-container:nth-child(60) .circle {
  animation-delay: 460ms;
}
.circle-container:nth-child(61) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-61;
  animation-duration: 30851ms;
  animation-delay: 19736ms;
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(33vw, 102vh, 0);
  }
  to {
    transform: translate3d(66vw, -128vh, 0);
  }
}
.circle-container:nth-child(61) .circle {
  animation-delay: 1621ms;
}
.circle-container:nth-child(62) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-62;
  animation-duration: 36346ms;
  animation-delay: 35847ms;
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(85vw, 107vh, 0);
  }
  to {
    transform: translate3d(87vw, -123vh, 0);
  }
}
.circle-container:nth-child(62) .circle {
  animation-delay: 1358ms;
}
.circle-container:nth-child(63) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-63;
  animation-duration: 31455ms;
  animation-delay: 26900ms;
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(20vw, 102vh, 0);
  }
  to {
    transform: translate3d(8vw, -109vh, 0);
  }
}
.circle-container:nth-child(63) .circle {
  animation-delay: 3310ms;
}
.circle-container:nth-child(64) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-64;
  animation-duration: 30929ms;
  animation-delay: 11420ms;
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(80vw, 105vh, 0);
  }
  to {
    transform: translate3d(65vw, -117vh, 0);
  }
}
.circle-container:nth-child(64) .circle {
  animation-delay: 2983ms;
}
.circle-container:nth-child(65) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-65;
  animation-duration: 34196ms;
  animation-delay: 33252ms;
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(96vw, 108vh, 0);
  }
  to {
    transform: translate3d(90vw, -125vh, 0);
  }
}
.circle-container:nth-child(65) .circle {
  animation-delay: 1627ms;
}
.circle-container:nth-child(66) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-66;
  animation-duration: 34959ms;
  animation-delay: 29938ms;
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(13vw, 102vh, 0);
  }
  to {
    transform: translate3d(33vw, -127vh, 0);
  }
}
.circle-container:nth-child(66) .circle {
  animation-delay: 2227ms;
}
.circle-container:nth-child(67) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-67;
  animation-duration: 31423ms;
  animation-delay: 10591ms;
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(88vw, 108vh, 0);
  }
  to {
    transform: translate3d(50vw, -129vh, 0);
  }
}
.circle-container:nth-child(67) .circle {
  animation-delay: 3439ms;
}
.circle-container:nth-child(68) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-68;
  animation-duration: 32728ms;
  animation-delay: 23738ms;
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(75vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -119vh, 0);
  }
}
.circle-container:nth-child(68) .circle {
  animation-delay: 2579ms;
}
.circle-container:nth-child(69) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-69;
  animation-duration: 31822ms;
  animation-delay: 32269ms;
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(86vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -111vh, 0);
  }
}
.circle-container:nth-child(69) .circle {
  animation-delay: 2502ms;
}
.circle-container:nth-child(70) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-70;
  animation-duration: 33457ms;
  animation-delay: 5966ms;
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(61vw, 105vh, 0);
  }
  to {
    transform: translate3d(5vw, -128vh, 0);
  }
}
.circle-container:nth-child(70) .circle {
  animation-delay: 2037ms;
}
.circle-container:nth-child(71) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-71;
  animation-duration: 31141ms;
  animation-delay: 1177ms;
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(23vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -113vh, 0);
  }
}
.circle-container:nth-child(71) .circle {
  animation-delay: 689ms;
}
.circle-container:nth-child(72) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-72;
  animation-duration: 36479ms;
  animation-delay: 1344ms;
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(54vw, -113vh, 0);
  }
}
.circle-container:nth-child(72) .circle {
  animation-delay: 1869ms;
}
.circle-container:nth-child(73) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-73;
  animation-duration: 30317ms;
  animation-delay: 27200ms;
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(43vw, 105vh, 0);
  }
  to {
    transform: translate3d(89vw, -132vh, 0);
  }
}
.circle-container:nth-child(73) .circle {
  animation-delay: 2599ms;
}
.circle-container:nth-child(74) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-74;
  animation-duration: 33135ms;
  animation-delay: 16139ms;
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(54vw, 109vh, 0);
  }
  to {
    transform: translate3d(9vw, -138vh, 0);
  }
}
.circle-container:nth-child(74) .circle {
  animation-delay: 1613ms;
}
.circle-container:nth-child(75) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-75;
  animation-duration: 33517ms;
  animation-delay: 13550ms;
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(86vw, 107vh, 0);
  }
  to {
    transform: translate3d(68vw, -112vh, 0);
  }
}
.circle-container:nth-child(75) .circle {
  animation-delay: 1903ms;
}
.circle-container:nth-child(76) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-76;
  animation-duration: 33937ms;
  animation-delay: 15854ms;
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(46vw, -111vh, 0);
  }
}
.circle-container:nth-child(76) .circle {
  animation-delay: 2510ms;
}
.circle-container:nth-child(77) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-77;
  animation-duration: 34430ms;
  animation-delay: 8379ms;
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(30vw, 104vh, 0);
  }
  to {
    transform: translate3d(30vw, -134vh, 0);
  }
}
.circle-container:nth-child(77) .circle {
  animation-delay: 2867ms;
}
.circle-container:nth-child(78) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-78;
  animation-duration: 30438ms;
  animation-delay: 16696ms;
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(64vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -120vh, 0);
  }
}
.circle-container:nth-child(78) .circle {
  animation-delay: 3085ms;
}
.circle-container:nth-child(79) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-79;
  animation-duration: 32719ms;
  animation-delay: 25925ms;
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(98vw, 107vh, 0);
  }
  to {
    transform: translate3d(62vw, -135vh, 0);
  }
}
.circle-container:nth-child(79) .circle {
  animation-delay: 2777ms;
}
.circle-container:nth-child(80) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-80;
  animation-duration: 29048ms;
  animation-delay: 33856ms;
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(3vw, 104vh, 0);
  }
  to {
    transform: translate3d(29vw, -114vh, 0);
  }
}
.circle-container:nth-child(80) .circle {
  animation-delay: 3825ms;
}
.circle-container:nth-child(81) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-81;
  animation-duration: 29325ms;
  animation-delay: 10416ms;
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(45vw, 102vh, 0);
  }
  to {
    transform: translate3d(88vw, -126vh, 0);
  }
}
.circle-container:nth-child(81) .circle {
  animation-delay: 2922ms;
}
.circle-container:nth-child(82) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-82;
  animation-duration: 29881ms;
  animation-delay: 28259ms;
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(41vw, 102vh, 0);
  }
  to {
    transform: translate3d(52vw, -127vh, 0);
  }
}
.circle-container:nth-child(82) .circle {
  animation-delay: 1882ms;
}
.circle-container:nth-child(83) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-83;
  animation-duration: 34743ms;
  animation-delay: 17992ms;
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(11vw, 104vh, 0);
  }
  to {
    transform: translate3d(92vw, -129vh, 0);
  }
}
.circle-container:nth-child(83) .circle {
  animation-delay: 1297ms;
}
.circle-container:nth-child(84) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-84;
  animation-duration: 34434ms;
  animation-delay: 19285ms;
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(45vw, 102vh, 0);
  }
  to {
    transform: translate3d(81vw, -109vh, 0);
  }
}
.circle-container:nth-child(84) .circle {
  animation-delay: 3133ms;
}
.circle-container:nth-child(85) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-85;
  animation-duration: 30588ms;
  animation-delay: 22988ms;
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(7vw, 108vh, 0);
  }
  to {
    transform: translate3d(16vw, -137vh, 0);
  }
}
.circle-container:nth-child(85) .circle {
  animation-delay: 2109ms;
}
.circle-container:nth-child(86) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-86;
  animation-duration: 33935ms;
  animation-delay: 5392ms;
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(55vw, 103vh, 0);
  }
  to {
    transform: translate3d(94vw, -130vh, 0);
  }
}
.circle-container:nth-child(86) .circle {
  animation-delay: 2066ms;
}
.circle-container:nth-child(87) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-87;
  animation-duration: 29852ms;
  animation-delay: 18641ms;
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(78vw, 104vh, 0);
  }
  to {
    transform: translate3d(19vw, -129vh, 0);
  }
}
.circle-container:nth-child(87) .circle {
  animation-delay: 1744ms;
}
.circle-container:nth-child(88) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-88;
  animation-duration: 30797ms;
  animation-delay: 5390ms;
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(26vw, 101vh, 0);
  }
  to {
    transform: translate3d(85vw, -114vh, 0);
  }
}
.circle-container:nth-child(88) .circle {
  animation-delay: 3343ms;
}
.circle-container:nth-child(89) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-89;
  animation-duration: 34042ms;
  animation-delay: 25899ms;
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(44vw, 110vh, 0);
  }
  to {
    transform: translate3d(17vw, -114vh, 0);
  }
}
.circle-container:nth-child(89) .circle {
  animation-delay: 1735ms;
}
.circle-container:nth-child(90) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-90;
  animation-duration: 30185ms;
  animation-delay: 11574ms;
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(36vw, 103vh, 0);
  }
  to {
    transform: translate3d(33vw, -116vh, 0);
  }
}
.circle-container:nth-child(90) .circle {
  animation-delay: 869ms;
}
.circle-container:nth-child(91) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-91;
  animation-duration: 31685ms;
  animation-delay: 11366ms;
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(27vw, 106vh, 0);
  }
  to {
    transform: translate3d(43vw, -108vh, 0);
  }
}
.circle-container:nth-child(91) .circle {
  animation-delay: 350ms;
}
.circle-container:nth-child(92) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-92;
  animation-duration: 35970ms;
  animation-delay: 28174ms;
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(91vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -133vh, 0);
  }
}
.circle-container:nth-child(92) .circle {
  animation-delay: 2874ms;
}
.circle-container:nth-child(93) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-93;
  animation-duration: 28100ms;
  animation-delay: 25729ms;
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(81vw, 110vh, 0);
  }
  to {
    transform: translate3d(4vw, -129vh, 0);
  }
}
.circle-container:nth-child(93) .circle {
  animation-delay: 2590ms;
}
.circle-container:nth-child(94) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-94;
  animation-duration: 30322ms;
  animation-delay: 16564ms;
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(5vw, 106vh, 0);
  }
  to {
    transform: translate3d(65vw, -136vh, 0);
  }
}
.circle-container:nth-child(94) .circle {
  animation-delay: 3314ms;
}
.circle-container:nth-child(95) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-95;
  animation-duration: 33778ms;
  animation-delay: 20817ms;
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(12vw, 108vh, 0);
  }
  to {
    transform: translate3d(25vw, -130vh, 0);
  }
}
.circle-container:nth-child(95) .circle {
  animation-delay: 1375ms;
}
.circle-container:nth-child(96) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-96;
  animation-duration: 29563ms;
  animation-delay: 4870ms;
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(60vw, 110vh, 0);
  }
  to {
    transform: translate3d(79vw, -118vh, 0);
  }
}
.circle-container:nth-child(96) .circle {
  animation-delay: 1062ms;
}
.circle-container:nth-child(97) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-97;
  animation-duration: 34707ms;
  animation-delay: 19689ms;
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(92vw, 103vh, 0);
  }
  to {
    transform: translate3d(8vw, -105vh, 0);
  }
}
.circle-container:nth-child(97) .circle {
  animation-delay: 3165ms;
}
.circle-container:nth-child(98) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-98;
  animation-duration: 36052ms;
  animation-delay: 19962ms;
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(16vw, 102vh, 0);
  }
  to {
    transform: translate3d(15vw, -130vh, 0);
  }
}
.circle-container:nth-child(98) .circle {
  animation-delay: 3042ms;
}
.circle-container:nth-child(99) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-99;
  animation-duration: 28556ms;
  animation-delay: 15075ms;
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(77vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -117vh, 0);
  }
}
.circle-container:nth-child(99) .circle {
  animation-delay: 91ms;
}
.circle-container:nth-child(100) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-100;
  animation-duration: 30103ms;
  animation-delay: 34789ms;
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(59vw, 110vh, 0);
  }
  to {
    transform: translate3d(56vw, -124vh, 0);
  }
}
.circle-container:nth-child(100) .circle {
  animation-delay: 249ms;
}
.circle-container:nth-child(101) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-101;
  animation-duration: 29732ms;
  animation-delay: 10618ms;
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(79vw, 102vh, 0);
  }
  to {
    transform: translate3d(11vw, -114vh, 0);
  }
}
.circle-container:nth-child(101) .circle {
  animation-delay: 1133ms;
}
.circle-container:nth-child(102) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-102;
  animation-duration: 31353ms;
  animation-delay: 23766ms;
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(86vw, -132vh, 0);
  }
}
.circle-container:nth-child(102) .circle {
  animation-delay: 3967ms;
}
.circle-container:nth-child(103) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-103;
  animation-duration: 28908ms;
  animation-delay: 12671ms;
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(84vw, 108vh, 0);
  }
  to {
    transform: translate3d(85vw, -125vh, 0);
  }
}
.circle-container:nth-child(103) .circle {
  animation-delay: 2367ms;
}
.circle-container:nth-child(104) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-104;
  animation-duration: 35866ms;
  animation-delay: 2514ms;
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(63vw, 109vh, 0);
  }
  to {
    transform: translate3d(90vw, -128vh, 0);
  }
}
.circle-container:nth-child(104) .circle {
  animation-delay: 3288ms;
}
.circle-container:nth-child(105) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-105;
  animation-duration: 30405ms;
  animation-delay: 8891ms;
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(2vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -136vh, 0);
  }
}
.circle-container:nth-child(105) .circle {
  animation-delay: 887ms;
}
.circle-container:nth-child(106) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-106;
  animation-duration: 30722ms;
  animation-delay: 3678ms;
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(56vw, 101vh, 0);
  }
  to {
    transform: translate3d(18vw, -110vh, 0);
  }
}
.circle-container:nth-child(106) .circle {
  animation-delay: 599ms;
}
.circle-container:nth-child(107) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-107;
  animation-duration: 29742ms;
  animation-delay: 6439ms;
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(22vw, 106vh, 0);
  }
  to {
    transform: translate3d(92vw, -136vh, 0);
  }
}
.circle-container:nth-child(107) .circle {
  animation-delay: 3817ms;
}
.circle-container:nth-child(108) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-108;
  animation-duration: 31341ms;
  animation-delay: 28238ms;
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(67vw, 105vh, 0);
  }
  to {
    transform: translate3d(27vw, -117vh, 0);
  }
}
.circle-container:nth-child(108) .circle {
  animation-delay: 21ms;
}
.circle-container:nth-child(109) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-109;
  animation-duration: 34986ms;
  animation-delay: 15034ms;
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(96vw, 103vh, 0);
  }
  to {
    transform: translate3d(18vw, -122vh, 0);
  }
}
.circle-container:nth-child(109) .circle {
  animation-delay: 721ms;
}
.circle-container:nth-child(110) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-110;
  animation-duration: 36087ms;
  animation-delay: 29946ms;
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(6vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -118vh, 0);
  }
}
.circle-container:nth-child(110) .circle {
  animation-delay: 2687ms;
}
.circle-container:nth-child(111) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-111;
  animation-duration: 31194ms;
  animation-delay: 20089ms;
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(29vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -131vh, 0);
  }
}
.circle-container:nth-child(111) .circle {
  animation-delay: 1095ms;
}
.circle-container:nth-child(112) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-112;
  animation-duration: 35831ms;
  animation-delay: 16206ms;
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(83vw, 103vh, 0);
  }
  to {
    transform: translate3d(20vw, -125vh, 0);
  }
}
.circle-container:nth-child(112) .circle {
  animation-delay: 3323ms;
}
.circle-container:nth-child(113) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-113;
  animation-duration: 35371ms;
  animation-delay: 19574ms;
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(81vw, 107vh, 0);
  }
  to {
    transform: translate3d(73vw, -134vh, 0);
  }
}
.circle-container:nth-child(113) .circle {
  animation-delay: 51ms;
}
.circle-container:nth-child(114) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-114;
  animation-duration: 36054ms;
  animation-delay: 32391ms;
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(18vw, 110vh, 0);
  }
  to {
    transform: translate3d(26vw, -131vh, 0);
  }
}
.circle-container:nth-child(114) .circle {
  animation-delay: 3109ms;
}
.circle-container:nth-child(115) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-115;
  animation-duration: 33604ms;
  animation-delay: 17093ms;
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(44vw, -114vh, 0);
  }
}
.circle-container:nth-child(115) .circle {
  animation-delay: 825ms;
}
.circle-container:nth-child(116) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-116;
  animation-duration: 32892ms;
  animation-delay: 23281ms;
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(26vw, 110vh, 0);
  }
  to {
    transform: translate3d(9vw, -133vh, 0);
  }
}
.circle-container:nth-child(116) .circle {
  animation-delay: 3071ms;
}
.circle-container:nth-child(117) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-117;
  animation-duration: 36997ms;
  animation-delay: 27169ms;
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(27vw, -121vh, 0);
  }
}
.circle-container:nth-child(117) .circle {
  animation-delay: 844ms;
}
.circle-container:nth-child(118) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-118;
  animation-duration: 33408ms;
  animation-delay: 22612ms;
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(55vw, 109vh, 0);
  }
  to {
    transform: translate3d(38vw, -124vh, 0);
  }
}
.circle-container:nth-child(118) .circle {
  animation-delay: 3724ms;
}
.circle-container:nth-child(119) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-119;
  animation-duration: 31088ms;
  animation-delay: 10845ms;
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -125vh, 0);
  }
}
.circle-container:nth-child(119) .circle {
  animation-delay: 1077ms;
}
.circle-container:nth-child(120) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-120;
  animation-duration: 29626ms;
  animation-delay: 32030ms;
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(56vw, 110vh, 0);
  }
  to {
    transform: translate3d(41vw, -119vh, 0);
  }
}
.circle-container:nth-child(120) .circle {
  animation-delay: 1010ms;
}
.circle-container:nth-child(121) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-121;
  animation-duration: 33615ms;
  animation-delay: 1523ms;
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(4vw, 101vh, 0);
  }
  to {
    transform: translate3d(67vw, -114vh, 0);
  }
}
.circle-container:nth-child(121) .circle {
  animation-delay: 3823ms;
}
.circle-container:nth-child(122) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-122;
  animation-duration: 35841ms;
  animation-delay: 15602ms;
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(88vw, 108vh, 0);
  }
  to {
    transform: translate3d(62vw, -122vh, 0);
  }
}
.circle-container:nth-child(122) .circle {
  animation-delay: 2559ms;
}
.circle-container:nth-child(123) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-123;
  animation-duration: 28428ms;
  animation-delay: 15623ms;
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(69vw, 106vh, 0);
  }
  to {
    transform: translate3d(4vw, -117vh, 0);
  }
}
.circle-container:nth-child(123) .circle {
  animation-delay: 1372ms;
}
.circle-container:nth-child(124) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-124;
  animation-duration: 31693ms;
  animation-delay: 18259ms;
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(69vw, 105vh, 0);
  }
  to {
    transform: translate3d(63vw, -131vh, 0);
  }
}
.circle-container:nth-child(124) .circle {
  animation-delay: 258ms;
}
.circle-container:nth-child(125) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-125;
  animation-duration: 33911ms;
  animation-delay: 11158ms;
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(95vw, 103vh, 0);
  }
  to {
    transform: translate3d(43vw, -112vh, 0);
  }
}
.circle-container:nth-child(125) .circle {
  animation-delay: 3066ms;
}
.circle-container:nth-child(126) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-126;
  animation-duration: 30281ms;
  animation-delay: 21802ms;
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(84vw, 103vh, 0);
  }
  to {
    transform: translate3d(44vw, -124vh, 0);
  }
}
.circle-container:nth-child(126) .circle {
  animation-delay: 3863ms;
}
.circle-container:nth-child(127) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-127;
  animation-duration: 28761ms;
  animation-delay: 18714ms;
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(12vw, 105vh, 0);
  }
  to {
    transform: translate3d(50vw, -129vh, 0);
  }
}
.circle-container:nth-child(127) .circle {
  animation-delay: 2372ms;
}
.circle-container:nth-child(128) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-128;
  animation-duration: 36689ms;
  animation-delay: 35122ms;
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(74vw, 109vh, 0);
  }
  to {
    transform: translate3d(57vw, -127vh, 0);
  }
}
.circle-container:nth-child(128) .circle {
  animation-delay: 2460ms;
}
.circle-container:nth-child(129) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-129;
  animation-duration: 36865ms;
  animation-delay: 36279ms;
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(59vw, 103vh, 0);
  }
  to {
    transform: translate3d(4vw, -132vh, 0);
  }
}
.circle-container:nth-child(129) .circle {
  animation-delay: 814ms;
}
.circle-container:nth-child(130) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-130;
  animation-duration: 35603ms;
  animation-delay: 4656ms;
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(21vw, 101vh, 0);
  }
  to {
    transform: translate3d(1vw, -117vh, 0);
  }
}
.circle-container:nth-child(130) .circle {
  animation-delay: 3774ms;
}
.circle-container:nth-child(131) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-131;
  animation-duration: 32552ms;
  animation-delay: 25516ms;
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(14vw, 108vh, 0);
  }
  to {
    transform: translate3d(50vw, -121vh, 0);
  }
}
.circle-container:nth-child(131) .circle {
  animation-delay: 464ms;
}
.circle-container:nth-child(132) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-132;
  animation-duration: 29452ms;
  animation-delay: 30914ms;
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(82vw, 102vh, 0);
  }
  to {
    transform: translate3d(44vw, -128vh, 0);
  }
}
.circle-container:nth-child(132) .circle {
  animation-delay: 2859ms;
}
.circle-container:nth-child(133) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-133;
  animation-duration: 31256ms;
  animation-delay: 36177ms;
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(14vw, 103vh, 0);
  }
  to {
    transform: translate3d(49vw, -124vh, 0);
  }
}
.circle-container:nth-child(133) .circle {
  animation-delay: 1260ms;
}
.circle-container:nth-child(134) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-134;
  animation-duration: 32661ms;
  animation-delay: 31839ms;
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(73vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -134vh, 0);
  }
}
.circle-container:nth-child(134) .circle {
  animation-delay: 1952ms;
}
.circle-container:nth-child(135) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-135;
  animation-duration: 34300ms;
  animation-delay: 35939ms;
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(20vw, 109vh, 0);
  }
  to {
    transform: translate3d(45vw, -116vh, 0);
  }
}
.circle-container:nth-child(135) .circle {
  animation-delay: 1118ms;
}
.circle-container:nth-child(136) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-136;
  animation-duration: 35410ms;
  animation-delay: 5794ms;
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(16vw, 106vh, 0);
  }
  to {
    transform: translate3d(99vw, -118vh, 0);
  }
}
.circle-container:nth-child(136) .circle {
  animation-delay: 516ms;
}
.circle-container:nth-child(137) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-137;
  animation-duration: 29771ms;
  animation-delay: 25076ms;
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(82vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -127vh, 0);
  }
}
.circle-container:nth-child(137) .circle {
  animation-delay: 3512ms;
}
.circle-container:nth-child(138) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-138;
  animation-duration: 34588ms;
  animation-delay: 6628ms;
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(8vw, 109vh, 0);
  }
  to {
    transform: translate3d(97vw, -132vh, 0);
  }
}
.circle-container:nth-child(138) .circle {
  animation-delay: 858ms;
}
.circle-container:nth-child(139) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-139;
  animation-duration: 35369ms;
  animation-delay: 17699ms;
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(10vw, 103vh, 0);
  }
  to {
    transform: translate3d(34vw, -125vh, 0);
  }
}
.circle-container:nth-child(139) .circle {
  animation-delay: 1942ms;
}
.circle-container:nth-child(140) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-140;
  animation-duration: 31061ms;
  animation-delay: 34010ms;
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(66vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -115vh, 0);
  }
}
.circle-container:nth-child(140) .circle {
  animation-delay: 916ms;
}
.circle-container:nth-child(141) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-141;
  animation-duration: 35615ms;
  animation-delay: 12673ms;
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(72vw, 102vh, 0);
  }
  to {
    transform: translate3d(53vw, -105vh, 0);
  }
}
.circle-container:nth-child(141) .circle {
  animation-delay: 849ms;
}
.circle-container:nth-child(142) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-142;
  animation-duration: 33162ms;
  animation-delay: 19672ms;
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(94vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -122vh, 0);
  }
}
.circle-container:nth-child(142) .circle {
  animation-delay: 1365ms;
}
.circle-container:nth-child(143) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-143;
  animation-duration: 34312ms;
  animation-delay: 27705ms;
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(14vw, 102vh, 0);
  }
  to {
    transform: translate3d(53vw, -131vh, 0);
  }
}
.circle-container:nth-child(143) .circle {
  animation-delay: 3555ms;
}
.circle-container:nth-child(144) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-144;
  animation-duration: 33609ms;
  animation-delay: 32387ms;
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(61vw, 107vh, 0);
  }
  to {
    transform: translate3d(62vw, -109vh, 0);
  }
}
.circle-container:nth-child(144) .circle {
  animation-delay: 1234ms;
}
.circle-container:nth-child(145) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-145;
  animation-duration: 36642ms;
  animation-delay: 30425ms;
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(41vw, 104vh, 0);
  }
  to {
    transform: translate3d(69vw, -107vh, 0);
  }
}
.circle-container:nth-child(145) .circle {
  animation-delay: 3443ms;
}
.circle-container:nth-child(146) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-146;
  animation-duration: 30222ms;
  animation-delay: 29830ms;
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(30vw, 109vh, 0);
  }
  to {
    transform: translate3d(33vw, -133vh, 0);
  }
}
.circle-container:nth-child(146) .circle {
  animation-delay: 3350ms;
}
.circle-container:nth-child(147) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-147;
  animation-duration: 30415ms;
  animation-delay: 34730ms;
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(69vw, 102vh, 0);
  }
  to {
    transform: translate3d(68vw, -111vh, 0);
  }
}
.circle-container:nth-child(147) .circle {
  animation-delay: 2883ms;
}
.circle-container:nth-child(148) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-148;
  animation-duration: 31112ms;
  animation-delay: 36326ms;
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(36vw, 108vh, 0);
  }
  to {
    transform: translate3d(38vw, -131vh, 0);
  }
}
.circle-container:nth-child(148) .circle {
  animation-delay: 2241ms;
}
.circle-container:nth-child(149) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-149;
  animation-duration: 32974ms;
  animation-delay: 8701ms;
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(25vw, 103vh, 0);
  }
  to {
    transform: translate3d(72vw, -127vh, 0);
  }
}
.circle-container:nth-child(149) .circle {
  animation-delay: 2274ms;
}
.circle-container:nth-child(150) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-150;
  animation-duration: 33204ms;
  animation-delay: 17800ms;
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(68vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -125vh, 0);
  }
}
.circle-container:nth-child(150) .circle {
  animation-delay: 3533ms;
}
.circle-container:nth-child(151) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-151;
  animation-duration: 36420ms;
  animation-delay: 28967ms;
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(51vw, 107vh, 0);
  }
  to {
    transform: translate3d(11vw, -130vh, 0);
  }
}
.circle-container:nth-child(151) .circle {
  animation-delay: 3998ms;
}
.circle-container:nth-child(152) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-152;
  animation-duration: 31881ms;
  animation-delay: 33959ms;
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(22vw, 102vh, 0);
  }
  to {
    transform: translate3d(13vw, -118vh, 0);
  }
}
.circle-container:nth-child(152) .circle {
  animation-delay: 2359ms;
}
.circle-container:nth-child(153) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-153;
  animation-duration: 30974ms;
  animation-delay: 29575ms;
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(54vw, 105vh, 0);
  }
  to {
    transform: translate3d(42vw, -108vh, 0);
  }
}
.circle-container:nth-child(153) .circle {
  animation-delay: 3827ms;
}
.circle-container:nth-child(154) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-154;
  animation-duration: 36735ms;
  animation-delay: 19324ms;
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(6vw, 102vh, 0);
  }
  to {
    transform: translate3d(8vw, -124vh, 0);
  }
}
.circle-container:nth-child(154) .circle {
  animation-delay: 1108ms;
}
.circle-container:nth-child(155) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-155;
  animation-duration: 36831ms;
  animation-delay: 29909ms;
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(71vw, 103vh, 0);
  }
  to {
    transform: translate3d(83vw, -123vh, 0);
  }
}
.circle-container:nth-child(155) .circle {
  animation-delay: 3631ms;
}
.circle-container:nth-child(156) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-156;
  animation-duration: 32464ms;
  animation-delay: 28221ms;
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(26vw, 103vh, 0);
  }
  to {
    transform: translate3d(71vw, -130vh, 0);
  }
}
.circle-container:nth-child(156) .circle {
  animation-delay: 1827ms;
}
.circle-container:nth-child(157) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-157;
  animation-duration: 32205ms;
  animation-delay: 13523ms;
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(79vw, 101vh, 0);
  }
  to {
    transform: translate3d(38vw, -127vh, 0);
  }
}
.circle-container:nth-child(157) .circle {
  animation-delay: 3070ms;
}
.circle-container:nth-child(158) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-158;
  animation-duration: 28374ms;
  animation-delay: 13661ms;
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(14vw, 110vh, 0);
  }
  to {
    transform: translate3d(95vw, -128vh, 0);
  }
}
.circle-container:nth-child(158) .circle {
  animation-delay: 2589ms;
}
.circle-container:nth-child(159) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-159;
  animation-duration: 29813ms;
  animation-delay: 3984ms;
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(81vw, -116vh, 0);
  }
}
.circle-container:nth-child(159) .circle {
  animation-delay: 1243ms;
}
.circle-container:nth-child(160) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-160;
  animation-duration: 29936ms;
  animation-delay: 23893ms;
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(34vw, 101vh, 0);
  }
  to {
    transform: translate3d(80vw, -120vh, 0);
  }
}
.circle-container:nth-child(160) .circle {
  animation-delay: 3084ms;
}
.circle-container:nth-child(161) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-161;
  animation-duration: 33838ms;
  animation-delay: 34575ms;
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(79vw, 101vh, 0);
  }
  to {
    transform: translate3d(52vw, -108vh, 0);
  }
}
.circle-container:nth-child(161) .circle {
  animation-delay: 3859ms;
}
.circle-container:nth-child(162) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-162;
  animation-duration: 36986ms;
  animation-delay: 16230ms;
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(16vw, 101vh, 0);
  }
  to {
    transform: translate3d(85vw, -116vh, 0);
  }
}
.circle-container:nth-child(162) .circle {
  animation-delay: 1206ms;
}
.circle-container:nth-child(163) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-163;
  animation-duration: 34942ms;
  animation-delay: 24478ms;
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(45vw, 102vh, 0);
  }
  to {
    transform: translate3d(32vw, -129vh, 0);
  }
}
.circle-container:nth-child(163) .circle {
  animation-delay: 3492ms;
}
.circle-container:nth-child(164) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-164;
  animation-duration: 28268ms;
  animation-delay: 21523ms;
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(41vw, 109vh, 0);
  }
  to {
    transform: translate3d(48vw, -129vh, 0);
  }
}
.circle-container:nth-child(164) .circle {
  animation-delay: 565ms;
}
.circle-container:nth-child(165) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-165;
  animation-duration: 31319ms;
  animation-delay: 12400ms;
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(71vw, 109vh, 0);
  }
  to {
    transform: translate3d(80vw, -117vh, 0);
  }
}
.circle-container:nth-child(165) .circle {
  animation-delay: 3527ms;
}
.circle-container:nth-child(166) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-166;
  animation-duration: 35507ms;
  animation-delay: 4649ms;
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -131vh, 0);
  }
}
.circle-container:nth-child(166) .circle {
  animation-delay: 2328ms;
}
.circle-container:nth-child(167) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-167;
  animation-duration: 35724ms;
  animation-delay: 26178ms;
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(89vw, 110vh, 0);
  }
  to {
    transform: translate3d(74vw, -127vh, 0);
  }
}
.circle-container:nth-child(167) .circle {
  animation-delay: 685ms;
}
.circle-container:nth-child(168) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-168;
  animation-duration: 36946ms;
  animation-delay: 1424ms;
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(1vw, 102vh, 0);
  }
  to {
    transform: translate3d(86vw, -108vh, 0);
  }
}
.circle-container:nth-child(168) .circle {
  animation-delay: 3276ms;
}
.circle-container:nth-child(169) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-169;
  animation-duration: 34976ms;
  animation-delay: 8459ms;
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(46vw, 108vh, 0);
  }
  to {
    transform: translate3d(11vw, -117vh, 0);
  }
}
.circle-container:nth-child(169) .circle {
  animation-delay: 3926ms;
}
.circle-container:nth-child(170) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-170;
  animation-duration: 30248ms;
  animation-delay: 28088ms;
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(54vw, 104vh, 0);
  }
  to {
    transform: translate3d(50vw, -121vh, 0);
  }
}
.circle-container:nth-child(170) .circle {
  animation-delay: 202ms;
}
.circle-container:nth-child(171) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-171;
  animation-duration: 31833ms;
  animation-delay: 23036ms;
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(87vw, 102vh, 0);
  }
  to {
    transform: translate3d(53vw, -129vh, 0);
  }
}
.circle-container:nth-child(171) .circle {
  animation-delay: 219ms;
}
.circle-container:nth-child(172) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-172;
  animation-duration: 35652ms;
  animation-delay: 3618ms;
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(79vw, 106vh, 0);
  }
  to {
    transform: translate3d(12vw, -128vh, 0);
  }
}
.circle-container:nth-child(172) .circle {
  animation-delay: 2391ms;
}
.circle-container:nth-child(173) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-173;
  animation-duration: 29017ms;
  animation-delay: 7460ms;
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(10vw, 104vh, 0);
  }
  to {
    transform: translate3d(84vw, -114vh, 0);
  }
}
.circle-container:nth-child(173) .circle {
  animation-delay: 470ms;
}
.circle-container:nth-child(174) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-174;
  animation-duration: 33973ms;
  animation-delay: 10676ms;
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(99vw, 105vh, 0);
  }
  to {
    transform: translate3d(93vw, -107vh, 0);
  }
}
.circle-container:nth-child(174) .circle {
  animation-delay: 3685ms;
}
.circle-container:nth-child(175) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-175;
  animation-duration: 30157ms;
  animation-delay: 8215ms;
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(33vw, 107vh, 0);
  }
  to {
    transform: translate3d(74vw, -122vh, 0);
  }
}
.circle-container:nth-child(175) .circle {
  animation-delay: 3587ms;
}
.circle-container:nth-child(176) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-176;
  animation-duration: 35386ms;
  animation-delay: 30318ms;
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(94vw, 101vh, 0);
  }
  to {
    transform: translate3d(51vw, -117vh, 0);
  }
}
.circle-container:nth-child(176) .circle {
  animation-delay: 3676ms;
}
.circle-container:nth-child(177) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-177;
  animation-duration: 30723ms;
  animation-delay: 35287ms;
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(32vw, 108vh, 0);
  }
  to {
    transform: translate3d(70vw, -121vh, 0);
  }
}
.circle-container:nth-child(177) .circle {
  animation-delay: 1271ms;
}
.circle-container:nth-child(178) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-178;
  animation-duration: 36617ms;
  animation-delay: 32025ms;
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(98vw, -138vh, 0);
  }
}
.circle-container:nth-child(178) .circle {
  animation-delay: 2394ms;
}
.circle-container:nth-child(179) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-179;
  animation-duration: 29164ms;
  animation-delay: 2708ms;
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(40vw, 110vh, 0);
  }
  to {
    transform: translate3d(37vw, -114vh, 0);
  }
}
.circle-container:nth-child(179) .circle {
  animation-delay: 1806ms;
}
.circle-container:nth-child(180) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-180;
  animation-duration: 28308ms;
  animation-delay: 16259ms;
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(34vw, -115vh, 0);
  }
}
.circle-container:nth-child(180) .circle {
  animation-delay: 3365ms;
}
.circle-container:nth-child(181) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-181;
  animation-duration: 36239ms;
  animation-delay: 27570ms;
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(98vw, 106vh, 0);
  }
  to {
    transform: translate3d(81vw, -113vh, 0);
  }
}
.circle-container:nth-child(181) .circle {
  animation-delay: 3111ms;
}
.circle-container:nth-child(182) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-182;
  animation-duration: 33234ms;
  animation-delay: 36211ms;
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(68vw, -138vh, 0);
  }
}
.circle-container:nth-child(182) .circle {
  animation-delay: 2623ms;
}
.circle-container:nth-child(183) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-183;
  animation-duration: 36023ms;
  animation-delay: 14330ms;
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(20vw, 101vh, 0);
  }
  to {
    transform: translate3d(97vw, -119vh, 0);
  }
}
.circle-container:nth-child(183) .circle {
  animation-delay: 2390ms;
}
.circle-container:nth-child(184) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-184;
  animation-duration: 33434ms;
  animation-delay: 25345ms;
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(90vw, 105vh, 0);
  }
  to {
    transform: translate3d(74vw, -114vh, 0);
  }
}
.circle-container:nth-child(184) .circle {
  animation-delay: 2676ms;
}
.circle-container:nth-child(185) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-185;
  animation-duration: 28081ms;
  animation-delay: 30882ms;
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(40vw, 101vh, 0);
  }
  to {
    transform: translate3d(82vw, -106vh, 0);
  }
}
.circle-container:nth-child(185) .circle {
  animation-delay: 3662ms;
}
.circle-container:nth-child(186) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-186;
  animation-duration: 35693ms;
  animation-delay: 5592ms;
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(51vw, 106vh, 0);
  }
  to {
    transform: translate3d(10vw, -127vh, 0);
  }
}
.circle-container:nth-child(186) .circle {
  animation-delay: 950ms;
}
.circle-container:nth-child(187) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-187;
  animation-duration: 36141ms;
  animation-delay: 30344ms;
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(42vw, 106vh, 0);
  }
  to {
    transform: translate3d(76vw, -114vh, 0);
  }
}
.circle-container:nth-child(187) .circle {
  animation-delay: 2076ms;
}
.circle-container:nth-child(188) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-188;
  animation-duration: 36735ms;
  animation-delay: 19892ms;
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(37vw, 101vh, 0);
  }
  to {
    transform: translate3d(35vw, -122vh, 0);
  }
}
.circle-container:nth-child(188) .circle {
  animation-delay: 3814ms;
}
.circle-container:nth-child(189) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-189;
  animation-duration: 30953ms;
  animation-delay: 35601ms;
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(82vw, 106vh, 0);
  }
  to {
    transform: translate3d(36vw, -125vh, 0);
  }
}
.circle-container:nth-child(189) .circle {
  animation-delay: 564ms;
}
.circle-container:nth-child(190) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-190;
  animation-duration: 36389ms;
  animation-delay: 34058ms;
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(63vw, -112vh, 0);
  }
}
.circle-container:nth-child(190) .circle {
  animation-delay: 1676ms;
}
.circle-container:nth-child(191) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-191;
  animation-duration: 36774ms;
  animation-delay: 17100ms;
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(92vw, 101vh, 0);
  }
  to {
    transform: translate3d(59vw, -128vh, 0);
  }
}
.circle-container:nth-child(191) .circle {
  animation-delay: 2422ms;
}
.circle-container:nth-child(192) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-192;
  animation-duration: 36656ms;
  animation-delay: 30452ms;
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(35vw, 102vh, 0);
  }
  to {
    transform: translate3d(81vw, -124vh, 0);
  }
}
.circle-container:nth-child(192) .circle {
  animation-delay: 1864ms;
}
.circle-container:nth-child(193) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-193;
  animation-duration: 30407ms;
  animation-delay: 29821ms;
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(97vw, 101vh, 0);
  }
  to {
    transform: translate3d(78vw, -126vh, 0);
  }
}
.circle-container:nth-child(193) .circle {
  animation-delay: 539ms;
}
.circle-container:nth-child(194) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-194;
  animation-duration: 29492ms;
  animation-delay: 13016ms;
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(19vw, 105vh, 0);
  }
  to {
    transform: translate3d(88vw, -123vh, 0);
  }
}
.circle-container:nth-child(194) .circle {
  animation-delay: 3366ms;
}
.circle-container:nth-child(195) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-195;
  animation-duration: 30115ms;
  animation-delay: 34279ms;
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(51vw, 106vh, 0);
  }
  to {
    transform: translate3d(43vw, -136vh, 0);
  }
}
.circle-container:nth-child(195) .circle {
  animation-delay: 962ms;
}
.circle-container:nth-child(196) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-196;
  animation-duration: 34265ms;
  animation-delay: 21383ms;
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(43vw, 102vh, 0);
  }
  to {
    transform: translate3d(63vw, -121vh, 0);
  }
}
.circle-container:nth-child(196) .circle {
  animation-delay: 2322ms;
}
.circle-container:nth-child(197) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-197;
  animation-duration: 28987ms;
  animation-delay: 32071ms;
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(61vw, 102vh, 0);
  }
  to {
    transform: translate3d(100vw, -129vh, 0);
  }
}
.circle-container:nth-child(197) .circle {
  animation-delay: 3360ms;
}
.circle-container:nth-child(198) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-198;
  animation-duration: 28599ms;
  animation-delay: 1421ms;
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(24vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -129vh, 0);
  }
}
.circle-container:nth-child(198) .circle {
  animation-delay: 3827ms;
}
.circle-container:nth-child(199) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-199;
  animation-duration: 30748ms;
  animation-delay: 33669ms;
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(48vw, 108vh, 0);
  }
  to {
    transform: translate3d(49vw, -135vh, 0);
  }
}
.circle-container:nth-child(199) .circle {
  animation-delay: 630ms;
}
.circle-container:nth-child(200) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-200;
  animation-duration: 36607ms;
  animation-delay: 12225ms;
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(69vw, -107vh, 0);
  }
}
.circle-container:nth-child(200) .circle {
  animation-delay: 2269ms;
}

/*# sourceMappingURL=particle-animation.css.map */