@charset "UTF-8"; /* ==================================================
 * Snapic Plus for Firefly Main Stylesheet by Takeshi Kano.
 * https://codepen.io/tonkotsuboy/pen/zJbKNN
 * ------------------------------------------------------------------- */

.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: 5px; height: 5px; -webkit-animation-name: move-frames-1; animation-name: move-frames-1; -webkit-animation-duration: 35632ms; animation-duration: 35632ms; -webkit-animation-delay: 1390ms; animation-delay: 1390ms; } @-webkit-keyframes move-frames-1 { from { -webkit-transform: translate3d(100vw, 103vh, 0); transform: translate3d(100vw, 103vh, 0); } to { -webkit-transform: translate3d(33vw, -120vh, 0); transform: translate3d(33vw, -120vh, 0); } } @keyframes move-frames-1 { from { -webkit-transform: translate3d(100vw, 103vh, 0); transform: translate3d(100vw, 103vh, 0); } to { -webkit-transform: translate3d(33vw, -120vh, 0); transform: translate3d(33vw, -120vh, 0); } } .circle-container:nth-child(1) .circle { -webkit-animation-delay: 3439ms; animation-delay: 3439ms; } .circle-container:nth-child(2) { width: 4px; height: 4px; -webkit-animation-name: move-frames-2; animation-name: move-frames-2; -webkit-animation-duration: 29478ms; animation-duration: 29478ms; -webkit-animation-delay: 26474ms; animation-delay: 26474ms; } @-webkit-keyframes move-frames-2 { from { -webkit-transform: translate3d(7vw, 107vh, 0); transform: translate3d(7vw, 107vh, 0); } to { -webkit-transform: translate3d(30vw, -126vh, 0); transform: translate3d(30vw, -126vh, 0); } } @keyframes move-frames-2 { from { -webkit-transform: translate3d(7vw, 107vh, 0); transform: translate3d(7vw, 107vh, 0); } to { -webkit-transform: translate3d(30vw, -126vh, 0); transform: translate3d(30vw, -126vh, 0); } } .circle-container:nth-child(2) .circle { -webkit-animation-delay: 974ms; animation-delay: 974ms; } .circle-container:nth-child(3) { width: 5px; height: 5px; -webkit-animation-name: move-frames-3; animation-name: move-frames-3; -webkit-animation-duration: 28011ms; animation-duration: 28011ms; -webkit-animation-delay: 27385ms; animation-delay: 27385ms; } @-webkit-keyframes move-frames-3 { from { -webkit-transform: translate3d(71vw, 110vh, 0); transform: translate3d(71vw, 110vh, 0); } to { -webkit-transform: translate3d(61vw, -138vh, 0); transform: translate3d(61vw, -138vh, 0); } } @keyframes move-frames-3 { from { -webkit-transform: translate3d(71vw, 110vh, 0); transform: translate3d(71vw, 110vh, 0); } to { -webkit-transform: translate3d(61vw, -138vh, 0); transform: translate3d(61vw, -138vh, 0); } } .circle-container:nth-child(3) .circle { -webkit-animation-delay: 2197ms; animation-delay: 2197ms; } .circle-container:nth-child(4) { width: 3px; height: 3px; -webkit-animation-name: move-frames-4; animation-name: move-frames-4; -webkit-animation-duration: 34717ms; animation-duration: 34717ms; -webkit-animation-delay: 13306ms; animation-delay: 13306ms; } @-webkit-keyframes move-frames-4 { from { -webkit-transform: translate3d(79vw, 101vh, 0); transform: translate3d(79vw, 101vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } @keyframes move-frames-4 { from { -webkit-transform: translate3d(79vw, 101vh, 0); transform: translate3d(79vw, 101vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } .circle-container:nth-child(4) .circle { -webkit-animation-delay: 1853ms; animation-delay: 1853ms; } .circle-container:nth-child(5) { width: 5px; height: 5px; -webkit-animation-name: move-frames-5; animation-name: move-frames-5; -webkit-animation-duration: 31063ms; animation-duration: 31063ms; -webkit-animation-delay: 17315ms; animation-delay: 17315ms; } @-webkit-keyframes move-frames-5 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(83vw, -130vh, 0); transform: translate3d(83vw, -130vh, 0); } } @keyframes move-frames-5 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(83vw, -130vh, 0); transform: translate3d(83vw, -130vh, 0); } } .circle-container:nth-child(5) .circle { -webkit-animation-delay: 2072ms; animation-delay: 2072ms; } .circle-container:nth-child(6) { width: 6px; height: 6px; -webkit-animation-name: move-frames-6; animation-name: move-frames-6; -webkit-animation-duration: 36909ms; animation-duration: 36909ms; -webkit-animation-delay: 15061ms; animation-delay: 15061ms; } @-webkit-keyframes move-frames-6 { from { -webkit-transform: translate3d(21vw, 101vh, 0); transform: translate3d(21vw, 101vh, 0); } to { -webkit-transform: translate3d(56vw, -129vh, 0); transform: translate3d(56vw, -129vh, 0); } } @keyframes move-frames-6 { from { -webkit-transform: translate3d(21vw, 101vh, 0); transform: translate3d(21vw, 101vh, 0); } to { -webkit-transform: translate3d(56vw, -129vh, 0); transform: translate3d(56vw, -129vh, 0); } } .circle-container:nth-child(6) .circle { -webkit-animation-delay: 1331ms; animation-delay: 1331ms; } .circle-container:nth-child(7) { width: 6px; height: 6px; -webkit-animation-name: move-frames-7; animation-name: move-frames-7; -webkit-animation-duration: 28907ms; animation-duration: 28907ms; -webkit-animation-delay: 24718ms; animation-delay: 24718ms; } @-webkit-keyframes move-frames-7 { from { -webkit-transform: translate3d(64vw, 105vh, 0); transform: translate3d(64vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } @keyframes move-frames-7 { from { -webkit-transform: translate3d(64vw, 105vh, 0); transform: translate3d(64vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } .circle-container:nth-child(7) .circle { -webkit-animation-delay: 532ms; animation-delay: 532ms; } .circle-container:nth-child(8) { width: 1px; height: 1px; -webkit-animation-name: move-frames-8; animation-name: move-frames-8; -webkit-animation-duration: 29312ms; animation-duration: 29312ms; -webkit-animation-delay: 30242ms; animation-delay: 30242ms; } @-webkit-keyframes move-frames-8 { from { -webkit-transform: translate3d(27vw, 108vh, 0); transform: translate3d(27vw, 108vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } @keyframes move-frames-8 { from { -webkit-transform: translate3d(27vw, 108vh, 0); transform: translate3d(27vw, 108vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } .circle-container:nth-child(8) .circle { -webkit-animation-delay: 3662ms; animation-delay: 3662ms; } .circle-container:nth-child(9) { width: 1px; height: 1px; -webkit-animation-name: move-frames-9; animation-name: move-frames-9; -webkit-animation-duration: 35382ms; animation-duration: 35382ms; -webkit-animation-delay: 20063ms; animation-delay: 20063ms; } @-webkit-keyframes move-frames-9 { from { -webkit-transform: translate3d(45vw, 108vh, 0); transform: translate3d(45vw, 108vh, 0); } to { -webkit-transform: translate3d(59vw, -138vh, 0); transform: translate3d(59vw, -138vh, 0); } } @keyframes move-frames-9 { from { -webkit-transform: translate3d(45vw, 108vh, 0); transform: translate3d(45vw, 108vh, 0); } to { -webkit-transform: translate3d(59vw, -138vh, 0); transform: translate3d(59vw, -138vh, 0); } } .circle-container:nth-child(9) .circle { -webkit-animation-delay: 364ms; animation-delay: 364ms; } .circle-container:nth-child(10) { width: 7px; height: 7px; -webkit-animation-name: move-frames-10; animation-name: move-frames-10; -webkit-animation-duration: 30876ms; animation-duration: 30876ms; -webkit-animation-delay: 14592ms; animation-delay: 14592ms; } @-webkit-keyframes move-frames-10 { from { -webkit-transform: translate3d(94vw, 103vh, 0); transform: translate3d(94vw, 103vh, 0); } to { -webkit-transform: translate3d(100vw, -128vh, 0); transform: translate3d(100vw, -128vh, 0); } } @keyframes move-frames-10 { from { -webkit-transform: translate3d(94vw, 103vh, 0); transform: translate3d(94vw, 103vh, 0); } to { -webkit-transform: translate3d(100vw, -128vh, 0); transform: translate3d(100vw, -128vh, 0); } } .circle-container:nth-child(10) .circle { -webkit-animation-delay: 1608ms; animation-delay: 1608ms; } .circle-container:nth-child(11) { width: 6px; height: 6px; -webkit-animation-name: move-frames-11; animation-name: move-frames-11; -webkit-animation-duration: 29188ms; animation-duration: 29188ms; -webkit-animation-delay: 19325ms; animation-delay: 19325ms; } @-webkit-keyframes move-frames-11 { from { -webkit-transform: translate3d(88vw, 107vh, 0); transform: translate3d(88vw, 107vh, 0); } to { -webkit-transform: translate3d(71vw, -110vh, 0); transform: translate3d(71vw, -110vh, 0); } } @keyframes move-frames-11 { from { -webkit-transform: translate3d(88vw, 107vh, 0); transform: translate3d(88vw, 107vh, 0); } to { -webkit-transform: translate3d(71vw, -110vh, 0); transform: translate3d(71vw, -110vh, 0); } } .circle-container:nth-child(11) .circle { -webkit-animation-delay: 374ms; animation-delay: 374ms; } .circle-container:nth-child(12) { width: 8px; height: 8px; -webkit-animation-name: move-frames-12; animation-name: move-frames-12; -webkit-animation-duration: 31548ms; animation-duration: 31548ms; -webkit-animation-delay: 943ms; animation-delay: 943ms; } @-webkit-keyframes move-frames-12 { from { -webkit-transform: translate3d(1vw, 107vh, 0); transform: translate3d(1vw, 107vh, 0); } to { -webkit-transform: translate3d(73vw, -135vh, 0); transform: translate3d(73vw, -135vh, 0); } } @keyframes move-frames-12 { from { -webkit-transform: translate3d(1vw, 107vh, 0); transform: translate3d(1vw, 107vh, 0); } to { -webkit-transform: translate3d(73vw, -135vh, 0); transform: translate3d(73vw, -135vh, 0); } } .circle-container:nth-child(12) .circle { -webkit-animation-delay: 265ms; animation-delay: 265ms; } .circle-container:nth-child(13) { width: 1px; height: 1px; -webkit-animation-name: move-frames-13; animation-name: move-frames-13; -webkit-animation-duration: 31984ms; animation-duration: 31984ms; -webkit-animation-delay: 15014ms; animation-delay: 15014ms; } @-webkit-keyframes move-frames-13 { from { -webkit-transform: translate3d(49vw, 108vh, 0); transform: translate3d(49vw, 108vh, 0); } to { -webkit-transform: translate3d(29vw, -130vh, 0); transform: translate3d(29vw, -130vh, 0); } } @keyframes move-frames-13 { from { -webkit-transform: translate3d(49vw, 108vh, 0); transform: translate3d(49vw, 108vh, 0); } to { -webkit-transform: translate3d(29vw, -130vh, 0); transform: translate3d(29vw, -130vh, 0); } } .circle-container:nth-child(13) .circle { -webkit-animation-delay: 3237ms; animation-delay: 3237ms; } .circle-container:nth-child(14) { width: 5px; height: 5px; -webkit-animation-name: move-frames-14; animation-name: move-frames-14; -webkit-animation-duration: 31909ms; animation-duration: 31909ms; -webkit-animation-delay: 32176ms; animation-delay: 32176ms; } @-webkit-keyframes move-frames-14 { from { -webkit-transform: translate3d(93vw, 107vh, 0); transform: translate3d(93vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -124vh, 0); transform: translate3d(88vw, -124vh, 0); } } @keyframes move-frames-14 { from { -webkit-transform: translate3d(93vw, 107vh, 0); transform: translate3d(93vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -124vh, 0); transform: translate3d(88vw, -124vh, 0); } } .circle-container:nth-child(14) .circle { -webkit-animation-delay: 2084ms; animation-delay: 2084ms; } .circle-container:nth-child(15) { width: 6px; height: 6px; -webkit-animation-name: move-frames-15; animation-name: move-frames-15; -webkit-animation-duration: 28709ms; animation-duration: 28709ms; -webkit-animation-delay: 31374ms; animation-delay: 31374ms; } @-webkit-keyframes move-frames-15 { from { -webkit-transform: translate3d(65vw, 102vh, 0); transform: translate3d(65vw, 102vh, 0); } to { -webkit-transform: translate3d(57vw, -125vh, 0); transform: translate3d(57vw, -125vh, 0); } } @keyframes move-frames-15 { from { -webkit-transform: translate3d(65vw, 102vh, 0); transform: translate3d(65vw, 102vh, 0); } to { -webkit-transform: translate3d(57vw, -125vh, 0); transform: translate3d(57vw, -125vh, 0); } } .circle-container:nth-child(15) .circle { -webkit-animation-delay: 2523ms; animation-delay: 2523ms; } .circle-container:nth-child(16) { width: 7px; height: 7px; -webkit-animation-name: move-frames-16; animation-name: move-frames-16; -webkit-animation-duration: 35003ms; animation-duration: 35003ms; -webkit-animation-delay: 7891ms; animation-delay: 7891ms; } @-webkit-keyframes move-frames-16 { from { -webkit-transform: translate3d(20vw, 102vh, 0); transform: translate3d(20vw, 102vh, 0); } to { -webkit-transform: translate3d(44vw, -117vh, 0); transform: translate3d(44vw, -117vh, 0); } } @keyframes move-frames-16 { from { -webkit-transform: translate3d(20vw, 102vh, 0); transform: translate3d(20vw, 102vh, 0); } to { -webkit-transform: translate3d(44vw, -117vh, 0); transform: translate3d(44vw, -117vh, 0); } } .circle-container:nth-child(16) .circle { -webkit-animation-delay: 1318ms; animation-delay: 1318ms; } .circle-container:nth-child(17) { width: 5px; height: 5px; -webkit-animation-name: move-frames-17; animation-name: move-frames-17; -webkit-animation-duration: 28318ms; animation-duration: 28318ms; -webkit-animation-delay: 11644ms; animation-delay: 11644ms; } @-webkit-keyframes move-frames-17 { from { -webkit-transform: translate3d(93vw, 102vh, 0); transform: translate3d(93vw, 102vh, 0); } to { -webkit-transform: translate3d(54vw, -121vh, 0); transform: translate3d(54vw, -121vh, 0); } } @keyframes move-frames-17 { from { -webkit-transform: translate3d(93vw, 102vh, 0); transform: translate3d(93vw, 102vh, 0); } to { -webkit-transform: translate3d(54vw, -121vh, 0); transform: translate3d(54vw, -121vh, 0); } } .circle-container:nth-child(17) .circle { -webkit-animation-delay: 3869ms; animation-delay: 3869ms; } .circle-container:nth-child(18) { width: 1px; height: 1px; -webkit-animation-name: move-frames-18; animation-name: move-frames-18; -webkit-animation-duration: 33123ms; animation-duration: 33123ms; -webkit-animation-delay: 5514ms; animation-delay: 5514ms; } @-webkit-keyframes move-frames-18 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(17vw, -131vh, 0); transform: translate3d(17vw, -131vh, 0); } } @keyframes move-frames-18 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(17vw, -131vh, 0); transform: translate3d(17vw, -131vh, 0); } } .circle-container:nth-child(18) .circle { -webkit-animation-delay: 177ms; animation-delay: 177ms; } .circle-container:nth-child(19) { width: 2px; height: 2px; -webkit-animation-name: move-frames-19; animation-name: move-frames-19; -webkit-animation-duration: 34141ms; animation-duration: 34141ms; -webkit-animation-delay: 30072ms; animation-delay: 30072ms; } @-webkit-keyframes move-frames-19 { from { -webkit-transform: translate3d(7vw, 104vh, 0); transform: translate3d(7vw, 104vh, 0); } to { -webkit-transform: translate3d(91vw, -105vh, 0); transform: translate3d(91vw, -105vh, 0); } } @keyframes move-frames-19 { from { -webkit-transform: translate3d(7vw, 104vh, 0); transform: translate3d(7vw, 104vh, 0); } to { -webkit-transform: translate3d(91vw, -105vh, 0); transform: translate3d(91vw, -105vh, 0); } } .circle-container:nth-child(19) .circle { -webkit-animation-delay: 530ms; animation-delay: 530ms; } .circle-container:nth-child(20) { width: 2px; height: 2px; -webkit-animation-name: move-frames-20; animation-name: move-frames-20; -webkit-animation-duration: 31275ms; animation-duration: 31275ms; -webkit-animation-delay: 19840ms; animation-delay: 19840ms; } @-webkit-keyframes move-frames-20 { from { -webkit-transform: translate3d(48vw, 104vh, 0); transform: translate3d(48vw, 104vh, 0); } to { -webkit-transform: translate3d(15vw, -108vh, 0); transform: translate3d(15vw, -108vh, 0); } } @keyframes move-frames-20 { from { -webkit-transform: translate3d(48vw, 104vh, 0); transform: translate3d(48vw, 104vh, 0); } to { -webkit-transform: translate3d(15vw, -108vh, 0); transform: translate3d(15vw, -108vh, 0); } } .circle-container:nth-child(20) .circle { -webkit-animation-delay: 1876ms; animation-delay: 1876ms; } .circle-container:nth-child(21) { width: 3px; height: 3px; -webkit-animation-name: move-frames-21; animation-name: move-frames-21; -webkit-animation-duration: 33352ms; animation-duration: 33352ms; -webkit-animation-delay: 34406ms; animation-delay: 34406ms; } @-webkit-keyframes move-frames-21 { from { -webkit-transform: translate3d(72vw, 101vh, 0); transform: translate3d(72vw, 101vh, 0); } to { -webkit-transform: translate3d(18vw, -102vh, 0); transform: translate3d(18vw, -102vh, 0); } } @keyframes move-frames-21 { from { -webkit-transform: translate3d(72vw, 101vh, 0); transform: translate3d(72vw, 101vh, 0); } to { -webkit-transform: translate3d(18vw, -102vh, 0); transform: translate3d(18vw, -102vh, 0); } } .circle-container:nth-child(21) .circle { -webkit-animation-delay: 115ms; animation-delay: 115ms; } .circle-container:nth-child(22) { width: 8px; height: 8px; -webkit-animation-name: move-frames-22; animation-name: move-frames-22; -webkit-animation-duration: 36784ms; animation-duration: 36784ms; -webkit-animation-delay: 20366ms; animation-delay: 20366ms; } @-webkit-keyframes move-frames-22 { from { -webkit-transform: translate3d(71vw, 110vh, 0); transform: translate3d(71vw, 110vh, 0); } to { -webkit-transform: translate3d(55vw, -135vh, 0); transform: translate3d(55vw, -135vh, 0); } } @keyframes move-frames-22 { from { -webkit-transform: translate3d(71vw, 110vh, 0); transform: translate3d(71vw, 110vh, 0); } to { -webkit-transform: translate3d(55vw, -135vh, 0); transform: translate3d(55vw, -135vh, 0); } } .circle-container:nth-child(22) .circle { -webkit-animation-delay: 1968ms; animation-delay: 1968ms; } .circle-container:nth-child(23) { width: 2px; height: 2px; -webkit-animation-name: move-frames-23; animation-name: move-frames-23; -webkit-animation-duration: 35320ms; animation-duration: 35320ms; -webkit-animation-delay: 5537ms; animation-delay: 5537ms; } @-webkit-keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(71vw, -120vh, 0); transform: translate3d(71vw, -120vh, 0); } } @keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(71vw, -120vh, 0); transform: translate3d(71vw, -120vh, 0); } } .circle-container:nth-child(23) .circle { -webkit-animation-delay: 2981ms; animation-delay: 2981ms; } .circle-container:nth-child(24) { width: 2px; height: 2px; -webkit-animation-name: move-frames-24; animation-name: move-frames-24; -webkit-animation-duration: 30408ms; animation-duration: 30408ms; -webkit-animation-delay: 4789ms; animation-delay: 4789ms; } @-webkit-keyframes move-frames-24 { from { -webkit-transform: translate3d(72vw, 110vh, 0); transform: translate3d(72vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -134vh, 0); transform: translate3d(4vw, -134vh, 0); } } @keyframes move-frames-24 { from { -webkit-transform: translate3d(72vw, 110vh, 0); transform: translate3d(72vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -134vh, 0); transform: translate3d(4vw, -134vh, 0); } } .circle-container:nth-child(24) .circle { -webkit-animation-delay: 2094ms; animation-delay: 2094ms; } .circle-container:nth-child(25) { width: 7px; height: 7px; -webkit-animation-name: move-frames-25; animation-name: move-frames-25; -webkit-animation-duration: 34403ms; animation-duration: 34403ms; -webkit-animation-delay: 16117ms; animation-delay: 16117ms; } @-webkit-keyframes move-frames-25 { from { -webkit-transform: translate3d(50vw, 102vh, 0); transform: translate3d(50vw, 102vh, 0); } to { -webkit-transform: translate3d(53vw, -122vh, 0); transform: translate3d(53vw, -122vh, 0); } } @keyframes move-frames-25 { from { -webkit-transform: translate3d(50vw, 102vh, 0); transform: translate3d(50vw, 102vh, 0); } to { -webkit-transform: translate3d(53vw, -122vh, 0); transform: translate3d(53vw, -122vh, 0); } } .circle-container:nth-child(25) .circle { -webkit-animation-delay: 1063ms; animation-delay: 1063ms; } .circle-container:nth-child(26) { width: 8px; height: 8px; -webkit-animation-name: move-frames-26; animation-name: move-frames-26; -webkit-animation-duration: 28570ms; animation-duration: 28570ms; -webkit-animation-delay: 7466ms; animation-delay: 7466ms; } @-webkit-keyframes move-frames-26 { from { -webkit-transform: translate3d(81vw, 108vh, 0); transform: translate3d(81vw, 108vh, 0); } to { -webkit-transform: translate3d(91vw, -123vh, 0); transform: translate3d(91vw, -123vh, 0); } } @keyframes move-frames-26 { from { -webkit-transform: translate3d(81vw, 108vh, 0); transform: translate3d(81vw, 108vh, 0); } to { -webkit-transform: translate3d(91vw, -123vh, 0); transform: translate3d(91vw, -123vh, 0); } } .circle-container:nth-child(26) .circle { -webkit-animation-delay: 2646ms; animation-delay: 2646ms; } .circle-container:nth-child(27) { width: 7px; height: 7px; -webkit-animation-name: move-frames-27; animation-name: move-frames-27; -webkit-animation-duration: 30617ms; animation-duration: 30617ms; -webkit-animation-delay: 30934ms; animation-delay: 30934ms; } @-webkit-keyframes move-frames-27 { from { -webkit-transform: translate3d(11vw, 103vh, 0); transform: translate3d(11vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -113vh, 0); transform: translate3d(97vw, -113vh, 0); } } @keyframes move-frames-27 { from { -webkit-transform: translate3d(11vw, 103vh, 0); transform: translate3d(11vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -113vh, 0); transform: translate3d(97vw, -113vh, 0); } } .circle-container:nth-child(27) .circle { -webkit-animation-delay: 2010ms; animation-delay: 2010ms; } .circle-container:nth-child(28) { width: 1px; height: 1px; -webkit-animation-name: move-frames-28; animation-name: move-frames-28; -webkit-animation-duration: 33066ms; animation-duration: 33066ms; -webkit-animation-delay: 11456ms; animation-delay: 11456ms; } @-webkit-keyframes move-frames-28 { from { -webkit-transform: translate3d(43vw, 104vh, 0); transform: translate3d(43vw, 104vh, 0); } to { -webkit-transform: translate3d(11vw, -130vh, 0); transform: translate3d(11vw, -130vh, 0); } } @keyframes move-frames-28 { from { -webkit-transform: translate3d(43vw, 104vh, 0); transform: translate3d(43vw, 104vh, 0); } to { -webkit-transform: translate3d(11vw, -130vh, 0); transform: translate3d(11vw, -130vh, 0); } } .circle-container:nth-child(28) .circle { -webkit-animation-delay: 455ms; animation-delay: 455ms; } .circle-container:nth-child(29) { width: 2px; height: 2px; -webkit-animation-name: move-frames-29; animation-name: move-frames-29; -webkit-animation-duration: 31524ms; animation-duration: 31524ms; -webkit-animation-delay: 24190ms; animation-delay: 24190ms; } @-webkit-keyframes move-frames-29 { from { -webkit-transform: translate3d(4vw, 110vh, 0); transform: translate3d(4vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -136vh, 0); transform: translate3d(27vw, -136vh, 0); } } @keyframes move-frames-29 { from { -webkit-transform: translate3d(4vw, 110vh, 0); transform: translate3d(4vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -136vh, 0); transform: translate3d(27vw, -136vh, 0); } } .circle-container:nth-child(29) .circle { -webkit-animation-delay: 3290ms; animation-delay: 3290ms; } .circle-container:nth-child(30) { width: 1px; height: 1px; -webkit-animation-name: move-frames-30; animation-name: move-frames-30; -webkit-animation-duration: 36252ms; animation-duration: 36252ms; -webkit-animation-delay: 27780ms; animation-delay: 27780ms; } @-webkit-keyframes move-frames-30 { from { -webkit-transform: translate3d(84vw, 107vh, 0); transform: translate3d(84vw, 107vh, 0); } to { -webkit-transform: translate3d(18vw, -127vh, 0); transform: translate3d(18vw, -127vh, 0); } } @keyframes move-frames-30 { from { -webkit-transform: translate3d(84vw, 107vh, 0); transform: translate3d(84vw, 107vh, 0); } to { -webkit-transform: translate3d(18vw, -127vh, 0); transform: translate3d(18vw, -127vh, 0); } } .circle-container:nth-child(30) .circle { -webkit-animation-delay: 1945ms; animation-delay: 1945ms; } .circle-container:nth-child(31) { width: 2px; height: 2px; -webkit-animation-name: move-frames-31; animation-name: move-frames-31; -webkit-animation-duration: 30880ms; animation-duration: 30880ms; -webkit-animation-delay: 16011ms; animation-delay: 16011ms; } @-webkit-keyframes move-frames-31 { from { -webkit-transform: translate3d(25vw, 103vh, 0); transform: translate3d(25vw, 103vh, 0); } to { -webkit-transform: translate3d(33vw, -131vh, 0); transform: translate3d(33vw, -131vh, 0); } } @keyframes move-frames-31 { from { -webkit-transform: translate3d(25vw, 103vh, 0); transform: translate3d(25vw, 103vh, 0); } to { -webkit-transform: translate3d(33vw, -131vh, 0); transform: translate3d(33vw, -131vh, 0); } } .circle-container:nth-child(31) .circle { -webkit-animation-delay: 1946ms; animation-delay: 1946ms; } .circle-container:nth-child(32) { width: 7px; height: 7px; -webkit-animation-name: move-frames-32; animation-name: move-frames-32; -webkit-animation-duration: 31943ms; animation-duration: 31943ms; -webkit-animation-delay: 12915ms; animation-delay: 12915ms; } @-webkit-keyframes move-frames-32 { from { -webkit-transform: translate3d(87vw, 110vh, 0); transform: translate3d(87vw, 110vh, 0); } to { -webkit-transform: translate3d(91vw, -140vh, 0); transform: translate3d(91vw, -140vh, 0); } } @keyframes move-frames-32 { from { -webkit-transform: translate3d(87vw, 110vh, 0); transform: translate3d(87vw, 110vh, 0); } to { -webkit-transform: translate3d(91vw, -140vh, 0); transform: translate3d(91vw, -140vh, 0); } } .circle-container:nth-child(32) .circle { -webkit-animation-delay: 2712ms; animation-delay: 2712ms; } .circle-container:nth-child(33) { width: 6px; height: 6px; -webkit-animation-name: move-frames-33; animation-name: move-frames-33; -webkit-animation-duration: 33806ms; animation-duration: 33806ms; -webkit-animation-delay: 22419ms; animation-delay: 22419ms; } @-webkit-keyframes move-frames-33 { from { -webkit-transform: translate3d(63vw, 107vh, 0); transform: translate3d(63vw, 107vh, 0); } to { -webkit-transform: translate3d(21vw, -135vh, 0); transform: translate3d(21vw, -135vh, 0); } } @keyframes move-frames-33 { from { -webkit-transform: translate3d(63vw, 107vh, 0); transform: translate3d(63vw, 107vh, 0); } to { -webkit-transform: translate3d(21vw, -135vh, 0); transform: translate3d(21vw, -135vh, 0); } } .circle-container:nth-child(33) .circle { -webkit-animation-delay: 1620ms; animation-delay: 1620ms; } .circle-container:nth-child(34) { width: 8px; height: 8px; -webkit-animation-name: move-frames-34; animation-name: move-frames-34; -webkit-animation-duration: 33552ms; animation-duration: 33552ms; -webkit-animation-delay: 29806ms; animation-delay: 29806ms; } @-webkit-keyframes move-frames-34 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(89vw, -120vh, 0); transform: translate3d(89vw, -120vh, 0); } } @keyframes move-frames-34 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(89vw, -120vh, 0); transform: translate3d(89vw, -120vh, 0); } } .circle-container:nth-child(34) .circle { -webkit-animation-delay: 1518ms; animation-delay: 1518ms; } .circle-container:nth-child(35) { width: 4px; height: 4px; -webkit-animation-name: move-frames-35; animation-name: move-frames-35; -webkit-animation-duration: 28267ms; animation-duration: 28267ms; -webkit-animation-delay: 29670ms; animation-delay: 29670ms; } @-webkit-keyframes move-frames-35 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(48vw, -116vh, 0); transform: translate3d(48vw, -116vh, 0); } } @keyframes move-frames-35 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(48vw, -116vh, 0); transform: translate3d(48vw, -116vh, 0); } } .circle-container:nth-child(35) .circle { -webkit-animation-delay: 633ms; animation-delay: 633ms; } .circle-container:nth-child(36) { width: 5px; height: 5px; -webkit-animation-name: move-frames-36; animation-name: move-frames-36; -webkit-animation-duration: 34751ms; animation-duration: 34751ms; -webkit-animation-delay: 30147ms; animation-delay: 30147ms; } @-webkit-keyframes move-frames-36 { from { -webkit-transform: translate3d(46vw, 110vh, 0); transform: translate3d(46vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -134vh, 0); transform: translate3d(3vw, -134vh, 0); } } @keyframes move-frames-36 { from { -webkit-transform: translate3d(46vw, 110vh, 0); transform: translate3d(46vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -134vh, 0); transform: translate3d(3vw, -134vh, 0); } } .circle-container:nth-child(36) .circle { -webkit-animation-delay: 1512ms; animation-delay: 1512ms; } .circle-container:nth-child(37) { width: 1px; height: 1px; -webkit-animation-name: move-frames-37; animation-name: move-frames-37; -webkit-animation-duration: 28049ms; animation-duration: 28049ms; -webkit-animation-delay: 21121ms; animation-delay: 21121ms; } @-webkit-keyframes move-frames-37 { from { -webkit-transform: translate3d(74vw, 110vh, 0); transform: translate3d(74vw, 110vh, 0); } to { -webkit-transform: translate3d(52vw, -129vh, 0); transform: translate3d(52vw, -129vh, 0); } } @keyframes move-frames-37 { from { -webkit-transform: translate3d(74vw, 110vh, 0); transform: translate3d(74vw, 110vh, 0); } to { -webkit-transform: translate3d(52vw, -129vh, 0); transform: translate3d(52vw, -129vh, 0); } } .circle-container:nth-child(37) .circle { -webkit-animation-delay: 2145ms; animation-delay: 2145ms; } .circle-container:nth-child(38) { width: 1px; height: 1px; -webkit-animation-name: move-frames-38; animation-name: move-frames-38; -webkit-animation-duration: 35864ms; animation-duration: 35864ms; -webkit-animation-delay: 5487ms; animation-delay: 5487ms; } @-webkit-keyframes move-frames-38 { from { -webkit-transform: translate3d(59vw, 110vh, 0); transform: translate3d(59vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -140vh, 0); transform: translate3d(86vw, -140vh, 0); } } @keyframes move-frames-38 { from { -webkit-transform: translate3d(59vw, 110vh, 0); transform: translate3d(59vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -140vh, 0); transform: translate3d(86vw, -140vh, 0); } } .circle-container:nth-child(38) .circle { -webkit-animation-delay: 142ms; animation-delay: 142ms; } .circle-container:nth-child(39) { width: 5px; height: 5px; -webkit-animation-name: move-frames-39; animation-name: move-frames-39; -webkit-animation-duration: 34874ms; animation-duration: 34874ms; -webkit-animation-delay: 36756ms; animation-delay: 36756ms; } @-webkit-keyframes move-frames-39 { from { -webkit-transform: translate3d(39vw, 102vh, 0); transform: translate3d(39vw, 102vh, 0); } to { -webkit-transform: translate3d(24vw, -126vh, 0); transform: translate3d(24vw, -126vh, 0); } } @keyframes move-frames-39 { from { -webkit-transform: translate3d(39vw, 102vh, 0); transform: translate3d(39vw, 102vh, 0); } to { -webkit-transform: translate3d(24vw, -126vh, 0); transform: translate3d(24vw, -126vh, 0); } } .circle-container:nth-child(39) .circle { -webkit-animation-delay: 2239ms; animation-delay: 2239ms; } .circle-container:nth-child(40) { width: 6px; height: 6px; -webkit-animation-name: move-frames-40; animation-name: move-frames-40; -webkit-animation-duration: 31487ms; animation-duration: 31487ms; -webkit-animation-delay: 15213ms; animation-delay: 15213ms; } @-webkit-keyframes move-frames-40 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } @keyframes move-frames-40 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } .circle-container:nth-child(40) .circle { -webkit-animation-delay: 410ms; animation-delay: 410ms; } .circle-container:nth-child(41) { width: 7px; height: 7px; -webkit-animation-name: move-frames-41; animation-name: move-frames-41; -webkit-animation-duration: 28738ms; animation-duration: 28738ms; -webkit-animation-delay: 26422ms; animation-delay: 26422ms; } @-webkit-keyframes move-frames-41 { from { -webkit-transform: translate3d(38vw, 109vh, 0); transform: translate3d(38vw, 109vh, 0); } to { -webkit-transform: translate3d(36vw, -133vh, 0); transform: translate3d(36vw, -133vh, 0); } } @keyframes move-frames-41 { from { -webkit-transform: translate3d(38vw, 109vh, 0); transform: translate3d(38vw, 109vh, 0); } to { -webkit-transform: translate3d(36vw, -133vh, 0); transform: translate3d(36vw, -133vh, 0); } } .circle-container:nth-child(41) .circle { -webkit-animation-delay: 2283ms; animation-delay: 2283ms; } .circle-container:nth-child(42) { width: 8px; height: 8px; -webkit-animation-name: move-frames-42; animation-name: move-frames-42; -webkit-animation-duration: 32522ms; animation-duration: 32522ms; -webkit-animation-delay: 8018ms; animation-delay: 8018ms; } @-webkit-keyframes move-frames-42 { from { -webkit-transform: translate3d(42vw, 104vh, 0); transform: translate3d(42vw, 104vh, 0); } to { -webkit-transform: translate3d(58vw, -119vh, 0); transform: translate3d(58vw, -119vh, 0); } } @keyframes move-frames-42 { from { -webkit-transform: translate3d(42vw, 104vh, 0); transform: translate3d(42vw, 104vh, 0); } to { -webkit-transform: translate3d(58vw, -119vh, 0); transform: translate3d(58vw, -119vh, 0); } } .circle-container:nth-child(42) .circle { -webkit-animation-delay: 3453ms; animation-delay: 3453ms; } .circle-container:nth-child(43) { width: 3px; height: 3px; -webkit-animation-name: move-frames-43; animation-name: move-frames-43; -webkit-animation-duration: 30066ms; animation-duration: 30066ms; -webkit-animation-delay: 11163ms; animation-delay: 11163ms; } @-webkit-keyframes move-frames-43 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(8vw, -130vh, 0); transform: translate3d(8vw, -130vh, 0); } } @keyframes move-frames-43 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(8vw, -130vh, 0); transform: translate3d(8vw, -130vh, 0); } } .circle-container:nth-child(43) .circle { -webkit-animation-delay: 245ms; animation-delay: 245ms; } .circle-container:nth-child(44) { width: 3px; height: 3px; -webkit-animation-name: move-frames-44; animation-name: move-frames-44; -webkit-animation-duration: 29051ms; animation-duration: 29051ms; -webkit-animation-delay: 20561ms; animation-delay: 20561ms; } @-webkit-keyframes move-frames-44 { from { -webkit-transform: translate3d(67vw, 103vh, 0); transform: translate3d(67vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -111vh, 0); transform: translate3d(97vw, -111vh, 0); } } @keyframes move-frames-44 { from { -webkit-transform: translate3d(67vw, 103vh, 0); transform: translate3d(67vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -111vh, 0); transform: translate3d(97vw, -111vh, 0); } } .circle-container:nth-child(44) .circle { -webkit-animation-delay: 3642ms; animation-delay: 3642ms; } .circle-container:nth-child(45) { width: 1px; height: 1px; -webkit-animation-name: move-frames-45; animation-name: move-frames-45; -webkit-animation-duration: 33959ms; animation-duration: 33959ms; -webkit-animation-delay: 15594ms; animation-delay: 15594ms; } @-webkit-keyframes move-frames-45 { from { -webkit-transform: translate3d(79vw, 103vh, 0); transform: translate3d(79vw, 103vh, 0); } to { -webkit-transform: translate3d(59vw, -105vh, 0); transform: translate3d(59vw, -105vh, 0); } } @keyframes move-frames-45 { from { -webkit-transform: translate3d(79vw, 103vh, 0); transform: translate3d(79vw, 103vh, 0); } to { -webkit-transform: translate3d(59vw, -105vh, 0); transform: translate3d(59vw, -105vh, 0); } } .circle-container:nth-child(45) .circle { -webkit-animation-delay: 181ms; animation-delay: 181ms; } .circle-container:nth-child(46) { width: 1px; height: 1px; -webkit-animation-name: move-frames-46; animation-name: move-frames-46; -webkit-animation-duration: 28554ms; animation-duration: 28554ms; -webkit-animation-delay: 16866ms; animation-delay: 16866ms; } @-webkit-keyframes move-frames-46 { from { -webkit-transform: translate3d(99vw, 108vh, 0); transform: translate3d(99vw, 108vh, 0); } to { -webkit-transform: translate3d(37vw, -127vh, 0); transform: translate3d(37vw, -127vh, 0); } } @keyframes move-frames-46 { from { -webkit-transform: translate3d(99vw, 108vh, 0); transform: translate3d(99vw, 108vh, 0); } to { -webkit-transform: translate3d(37vw, -127vh, 0); transform: translate3d(37vw, -127vh, 0); } } .circle-container:nth-child(46) .circle { -webkit-animation-delay: 3172ms; animation-delay: 3172ms; } .circle-container:nth-child(47) { width: 8px; height: 8px; -webkit-animation-name: move-frames-47; animation-name: move-frames-47; -webkit-animation-duration: 30415ms; animation-duration: 30415ms; -webkit-animation-delay: 1356ms; animation-delay: 1356ms; } @-webkit-keyframes move-frames-47 { from { -webkit-transform: translate3d(99vw, 104vh, 0); transform: translate3d(99vw, 104vh, 0); } to { -webkit-transform: translate3d(59vw, -105vh, 0); transform: translate3d(59vw, -105vh, 0); } } @keyframes move-frames-47 { from { -webkit-transform: translate3d(99vw, 104vh, 0); transform: translate3d(99vw, 104vh, 0); } to { -webkit-transform: translate3d(59vw, -105vh, 0); transform: translate3d(59vw, -105vh, 0); } } .circle-container:nth-child(47) .circle { -webkit-animation-delay: 1240ms; animation-delay: 1240ms; } .circle-container:nth-child(48) { width: 1px; height: 1px; -webkit-animation-name: move-frames-48; animation-name: move-frames-48; -webkit-animation-duration: 30945ms; animation-duration: 30945ms; -webkit-animation-delay: 25405ms; animation-delay: 25405ms; } @-webkit-keyframes move-frames-48 { from { -webkit-transform: translate3d(31vw, 107vh, 0); transform: translate3d(31vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -131vh, 0); transform: translate3d(46vw, -131vh, 0); } } @keyframes move-frames-48 { from { -webkit-transform: translate3d(31vw, 107vh, 0); transform: translate3d(31vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -131vh, 0); transform: translate3d(46vw, -131vh, 0); } } .circle-container:nth-child(48) .circle { -webkit-animation-delay: 1839ms; animation-delay: 1839ms; } .circle-container:nth-child(49) { width: 5px; height: 5px; -webkit-animation-name: move-frames-49; animation-name: move-frames-49; -webkit-animation-duration: 32126ms; animation-duration: 32126ms; -webkit-animation-delay: 19067ms; animation-delay: 19067ms; } @-webkit-keyframes move-frames-49 { from { -webkit-transform: translate3d(44vw, 103vh, 0); transform: translate3d(44vw, 103vh, 0); } to { -webkit-transform: translate3d(90vw, -110vh, 0); transform: translate3d(90vw, -110vh, 0); } } @keyframes move-frames-49 { from { -webkit-transform: translate3d(44vw, 103vh, 0); transform: translate3d(44vw, 103vh, 0); } to { -webkit-transform: translate3d(90vw, -110vh, 0); transform: translate3d(90vw, -110vh, 0); } } .circle-container:nth-child(49) .circle { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .circle-container:nth-child(50) { width: 5px; height: 5px; -webkit-animation-name: move-frames-50; animation-name: move-frames-50; -webkit-animation-duration: 31398ms; animation-duration: 31398ms; -webkit-animation-delay: 16547ms; animation-delay: 16547ms; } @-webkit-keyframes move-frames-50 { from { -webkit-transform: translate3d(67vw, 109vh, 0); transform: translate3d(67vw, 109vh, 0); } to { -webkit-transform: translate3d(9vw, -123vh, 0); transform: translate3d(9vw, -123vh, 0); } } @keyframes move-frames-50 { from { -webkit-transform: translate3d(67vw, 109vh, 0); transform: translate3d(67vw, 109vh, 0); } to { -webkit-transform: translate3d(9vw, -123vh, 0); transform: translate3d(9vw, -123vh, 0); } } .circle-container:nth-child(50) .circle { -webkit-animation-delay: 2998ms; animation-delay: 2998ms; } .circle-container:nth-child(51) { width: 3px; height: 3px; -webkit-animation-name: move-frames-51; animation-name: move-frames-51; -webkit-animation-duration: 35203ms; animation-duration: 35203ms; -webkit-animation-delay: 5869ms; animation-delay: 5869ms; } @-webkit-keyframes move-frames-51 { from { -webkit-transform: translate3d(15vw, 105vh, 0); transform: translate3d(15vw, 105vh, 0); } to { -webkit-transform: translate3d(91vw, -122vh, 0); transform: translate3d(91vw, -122vh, 0); } } @keyframes move-frames-51 { from { -webkit-transform: translate3d(15vw, 105vh, 0); transform: translate3d(15vw, 105vh, 0); } to { -webkit-transform: translate3d(91vw, -122vh, 0); transform: translate3d(91vw, -122vh, 0); } } .circle-container:nth-child(51) .circle { -webkit-animation-delay: 3394ms; animation-delay: 3394ms; } .circle-container:nth-child(52) { width: 5px; height: 5px; -webkit-animation-name: move-frames-52; animation-name: move-frames-52; -webkit-animation-duration: 31841ms; animation-duration: 31841ms; -webkit-animation-delay: 26115ms; animation-delay: 26115ms; } @-webkit-keyframes move-frames-52 { from { -webkit-transform: translate3d(17vw, 102vh, 0); transform: translate3d(17vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -120vh, 0); transform: translate3d(62vw, -120vh, 0); } } @keyframes move-frames-52 { from { -webkit-transform: translate3d(17vw, 102vh, 0); transform: translate3d(17vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -120vh, 0); transform: translate3d(62vw, -120vh, 0); } } .circle-container:nth-child(52) .circle { -webkit-animation-delay: 1001ms; animation-delay: 1001ms; } .circle-container:nth-child(53) { width: 4px; height: 4px; -webkit-animation-name: move-frames-53; animation-name: move-frames-53; -webkit-animation-duration: 35555ms; animation-duration: 35555ms; -webkit-animation-delay: 34977ms; animation-delay: 34977ms; } @-webkit-keyframes move-frames-53 { from { -webkit-transform: translate3d(1vw, 105vh, 0); transform: translate3d(1vw, 105vh, 0); } to { -webkit-transform: translate3d(25vw, -109vh, 0); transform: translate3d(25vw, -109vh, 0); } } @keyframes move-frames-53 { from { -webkit-transform: translate3d(1vw, 105vh, 0); transform: translate3d(1vw, 105vh, 0); } to { -webkit-transform: translate3d(25vw, -109vh, 0); transform: translate3d(25vw, -109vh, 0); } } .circle-container:nth-child(53) .circle { -webkit-animation-delay: 299ms; animation-delay: 299ms; } .circle-container:nth-child(54) { width: 5px; height: 5px; -webkit-animation-name: move-frames-54; animation-name: move-frames-54; -webkit-animation-duration: 28280ms; animation-duration: 28280ms; -webkit-animation-delay: 6376ms; animation-delay: 6376ms; } @-webkit-keyframes move-frames-54 { from { -webkit-transform: translate3d(12vw, 105vh, 0); transform: translate3d(12vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -121vh, 0); transform: translate3d(65vw, -121vh, 0); } } @keyframes move-frames-54 { from { -webkit-transform: translate3d(12vw, 105vh, 0); transform: translate3d(12vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -121vh, 0); transform: translate3d(65vw, -121vh, 0); } } .circle-container:nth-child(54) .circle { -webkit-animation-delay: 3548ms; animation-delay: 3548ms; } .circle-container:nth-child(55) { width: 4px; height: 4px; -webkit-animation-name: move-frames-55; animation-name: move-frames-55; -webkit-animation-duration: 33416ms; animation-duration: 33416ms; -webkit-animation-delay: 9378ms; animation-delay: 9378ms; } @-webkit-keyframes move-frames-55 { from { -webkit-transform: translate3d(24vw, 103vh, 0); transform: translate3d(24vw, 103vh, 0); } to { -webkit-transform: translate3d(68vw, -132vh, 0); transform: translate3d(68vw, -132vh, 0); } } @keyframes move-frames-55 { from { -webkit-transform: translate3d(24vw, 103vh, 0); transform: translate3d(24vw, 103vh, 0); } to { -webkit-transform: translate3d(68vw, -132vh, 0); transform: translate3d(68vw, -132vh, 0); } } .circle-container:nth-child(55) .circle { -webkit-animation-delay: 1221ms; animation-delay: 1221ms; } .circle-container:nth-child(56) { width: 5px; height: 5px; -webkit-animation-name: move-frames-56; animation-name: move-frames-56; -webkit-animation-duration: 35311ms; animation-duration: 35311ms; -webkit-animation-delay: 13696ms; animation-delay: 13696ms; } @-webkit-keyframes move-frames-56 { from { -webkit-transform: translate3d(44vw, 104vh, 0); transform: translate3d(44vw, 104vh, 0); } to { -webkit-transform: translate3d(17vw, -132vh, 0); transform: translate3d(17vw, -132vh, 0); } } @keyframes move-frames-56 { from { -webkit-transform: translate3d(44vw, 104vh, 0); transform: translate3d(44vw, 104vh, 0); } to { -webkit-transform: translate3d(17vw, -132vh, 0); transform: translate3d(17vw, -132vh, 0); } } .circle-container:nth-child(56) .circle { -webkit-animation-delay: 878ms; animation-delay: 878ms; } .circle-container:nth-child(57) { width: 5px; height: 5px; -webkit-animation-name: move-frames-57; animation-name: move-frames-57; -webkit-animation-duration: 33308ms; animation-duration: 33308ms; -webkit-animation-delay: 12499ms; animation-delay: 12499ms; } @-webkit-keyframes move-frames-57 { from { -webkit-transform: translate3d(44vw, 108vh, 0); transform: translate3d(44vw, 108vh, 0); } to { -webkit-transform: translate3d(16vw, -130vh, 0); transform: translate3d(16vw, -130vh, 0); } } @keyframes move-frames-57 { from { -webkit-transform: translate3d(44vw, 108vh, 0); transform: translate3d(44vw, 108vh, 0); } to { -webkit-transform: translate3d(16vw, -130vh, 0); transform: translate3d(16vw, -130vh, 0); } } .circle-container:nth-child(57) .circle { -webkit-animation-delay: 979ms; animation-delay: 979ms; } .circle-container:nth-child(58) { width: 8px; height: 8px; -webkit-animation-name: move-frames-58; animation-name: move-frames-58; -webkit-animation-duration: 29679ms; animation-duration: 29679ms; -webkit-animation-delay: 29785ms; animation-delay: 29785ms; } @-webkit-keyframes move-frames-58 { from { -webkit-transform: translate3d(30vw, 104vh, 0); transform: translate3d(30vw, 104vh, 0); } to { -webkit-transform: translate3d(30vw, -105vh, 0); transform: translate3d(30vw, -105vh, 0); } } @keyframes move-frames-58 { from { -webkit-transform: translate3d(30vw, 104vh, 0); transform: translate3d(30vw, 104vh, 0); } to { -webkit-transform: translate3d(30vw, -105vh, 0); transform: translate3d(30vw, -105vh, 0); } } .circle-container:nth-child(58) .circle { -webkit-animation-delay: 3903ms; animation-delay: 3903ms; } .circle-container:nth-child(59) { width: 5px; height: 5px; -webkit-animation-name: move-frames-59; animation-name: move-frames-59; -webkit-animation-duration: 29672ms; animation-duration: 29672ms; -webkit-animation-delay: 35912ms; animation-delay: 35912ms; } @-webkit-keyframes move-frames-59 { from { -webkit-transform: translate3d(46vw, 102vh, 0); transform: translate3d(46vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -118vh, 0); transform: translate3d(76vw, -118vh, 0); } } @keyframes move-frames-59 { from { -webkit-transform: translate3d(46vw, 102vh, 0); transform: translate3d(46vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -118vh, 0); transform: translate3d(76vw, -118vh, 0); } } .circle-container:nth-child(59) .circle { -webkit-animation-delay: 3335ms; animation-delay: 3335ms; } .circle-container:nth-child(60) { width: 8px; height: 8px; -webkit-animation-name: move-frames-60; animation-name: move-frames-60; -webkit-animation-duration: 36717ms; animation-duration: 36717ms; -webkit-animation-delay: 15389ms; animation-delay: 15389ms; } @-webkit-keyframes move-frames-60 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(42vw, -115vh, 0); transform: translate3d(42vw, -115vh, 0); } } @keyframes move-frames-60 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(42vw, -115vh, 0); transform: translate3d(42vw, -115vh, 0); } } .circle-container:nth-child(60) .circle { -webkit-animation-delay: 2197ms; animation-delay: 2197ms; } .circle-container:nth-child(61) { width: 4px; height: 4px; -webkit-animation-name: move-frames-61; animation-name: move-frames-61; -webkit-animation-duration: 34874ms; animation-duration: 34874ms; -webkit-animation-delay: 11862ms; animation-delay: 11862ms; } @-webkit-keyframes move-frames-61 { from { -webkit-transform: translate3d(66vw, 103vh, 0); transform: translate3d(66vw, 103vh, 0); } to { -webkit-transform: translate3d(64vw, -107vh, 0); transform: translate3d(64vw, -107vh, 0); } } @keyframes move-frames-61 { from { -webkit-transform: translate3d(66vw, 103vh, 0); transform: translate3d(66vw, 103vh, 0); } to { -webkit-transform: translate3d(64vw, -107vh, 0); transform: translate3d(64vw, -107vh, 0); } } .circle-container:nth-child(61) .circle { -webkit-animation-delay: 2377ms; animation-delay: 2377ms; } .circle-container:nth-child(62) { width: 4px; height: 4px; -webkit-animation-name: move-frames-62; animation-name: move-frames-62; -webkit-animation-duration: 34200ms; animation-duration: 34200ms; -webkit-animation-delay: 34922ms; animation-delay: 34922ms; } @-webkit-keyframes move-frames-62 { from { -webkit-transform: translate3d(80vw, 103vh, 0); transform: translate3d(80vw, 103vh, 0); } to { -webkit-transform: translate3d(57vw, -129vh, 0); transform: translate3d(57vw, -129vh, 0); } } @keyframes move-frames-62 { from { -webkit-transform: translate3d(80vw, 103vh, 0); transform: translate3d(80vw, 103vh, 0); } to { -webkit-transform: translate3d(57vw, -129vh, 0); transform: translate3d(57vw, -129vh, 0); } } .circle-container:nth-child(62) .circle { -webkit-animation-delay: 1810ms; animation-delay: 1810ms; } .circle-container:nth-child(63) { width: 5px; height: 5px; -webkit-animation-name: move-frames-63; animation-name: move-frames-63; -webkit-animation-duration: 34146ms; animation-duration: 34146ms; -webkit-animation-delay: 3054ms; animation-delay: 3054ms; } @-webkit-keyframes move-frames-63 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(41vw, -130vh, 0); transform: translate3d(41vw, -130vh, 0); } } @keyframes move-frames-63 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(41vw, -130vh, 0); transform: translate3d(41vw, -130vh, 0); } } .circle-container:nth-child(63) .circle { -webkit-animation-delay: 1703ms; animation-delay: 1703ms; } .circle-container:nth-child(64) { width: 1px; height: 1px; -webkit-animation-name: move-frames-64; animation-name: move-frames-64; -webkit-animation-duration: 34378ms; animation-duration: 34378ms; -webkit-animation-delay: 25161ms; animation-delay: 25161ms; } @-webkit-keyframes move-frames-64 { from { -webkit-transform: translate3d(44vw, 101vh, 0); transform: translate3d(44vw, 101vh, 0); } to { -webkit-transform: translate3d(23vw, -114vh, 0); transform: translate3d(23vw, -114vh, 0); } } @keyframes move-frames-64 { from { -webkit-transform: translate3d(44vw, 101vh, 0); transform: translate3d(44vw, 101vh, 0); } to { -webkit-transform: translate3d(23vw, -114vh, 0); transform: translate3d(23vw, -114vh, 0); } } .circle-container:nth-child(64) .circle { -webkit-animation-delay: 1113ms; animation-delay: 1113ms; } .circle-container:nth-child(65) { width: 6px; height: 6px; -webkit-animation-name: move-frames-65; animation-name: move-frames-65; -webkit-animation-duration: 30839ms; animation-duration: 30839ms; -webkit-animation-delay: 11314ms; animation-delay: 11314ms; } @-webkit-keyframes move-frames-65 { from { -webkit-transform: translate3d(27vw, 101vh, 0); transform: translate3d(27vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -103vh, 0); transform: translate3d(28vw, -103vh, 0); } } @keyframes move-frames-65 { from { -webkit-transform: translate3d(27vw, 101vh, 0); transform: translate3d(27vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -103vh, 0); transform: translate3d(28vw, -103vh, 0); } } .circle-container:nth-child(65) .circle { -webkit-animation-delay: 994ms; animation-delay: 994ms; } .circle-container:nth-child(66) { width: 7px; height: 7px; -webkit-animation-name: move-frames-66; animation-name: move-frames-66; -webkit-animation-duration: 35134ms; animation-duration: 35134ms; -webkit-animation-delay: 1365ms; animation-delay: 1365ms; } @-webkit-keyframes move-frames-66 { from { -webkit-transform: translate3d(3vw, 106vh, 0); transform: translate3d(3vw, 106vh, 0); } to { -webkit-transform: translate3d(94vw, -128vh, 0); transform: translate3d(94vw, -128vh, 0); } } @keyframes move-frames-66 { from { -webkit-transform: translate3d(3vw, 106vh, 0); transform: translate3d(3vw, 106vh, 0); } to { -webkit-transform: translate3d(94vw, -128vh, 0); transform: translate3d(94vw, -128vh, 0); } } .circle-container:nth-child(66) .circle { -webkit-animation-delay: 2562ms; animation-delay: 2562ms; } .circle-container:nth-child(67) { width: 3px; height: 3px; -webkit-animation-name: move-frames-67; animation-name: move-frames-67; -webkit-animation-duration: 32240ms; animation-duration: 32240ms; -webkit-animation-delay: 8117ms; animation-delay: 8117ms; } @-webkit-keyframes move-frames-67 { from { -webkit-transform: translate3d(35vw, 103vh, 0); transform: translate3d(35vw, 103vh, 0); } to { -webkit-transform: translate3d(58vw, -109vh, 0); transform: translate3d(58vw, -109vh, 0); } } @keyframes move-frames-67 { from { -webkit-transform: translate3d(35vw, 103vh, 0); transform: translate3d(35vw, 103vh, 0); } to { -webkit-transform: translate3d(58vw, -109vh, 0); transform: translate3d(58vw, -109vh, 0); } } .circle-container:nth-child(67) .circle { -webkit-animation-delay: 1222ms; animation-delay: 1222ms; } .circle-container:nth-child(68) { width: 5px; height: 5px; -webkit-animation-name: move-frames-68; animation-name: move-frames-68; -webkit-animation-duration: 34344ms; animation-duration: 34344ms; -webkit-animation-delay: 21891ms; animation-delay: 21891ms; } @-webkit-keyframes move-frames-68 { from { -webkit-transform: translate3d(88vw, 103vh, 0); transform: translate3d(88vw, 103vh, 0); } to { -webkit-transform: translate3d(68vw, -124vh, 0); transform: translate3d(68vw, -124vh, 0); } } @keyframes move-frames-68 { from { -webkit-transform: translate3d(88vw, 103vh, 0); transform: translate3d(88vw, 103vh, 0); } to { -webkit-transform: translate3d(68vw, -124vh, 0); transform: translate3d(68vw, -124vh, 0); } } .circle-container:nth-child(68) .circle { -webkit-animation-delay: 2360ms; animation-delay: 2360ms; } .circle-container:nth-child(69) { width: 3px; height: 3px; -webkit-animation-name: move-frames-69; animation-name: move-frames-69; -webkit-animation-duration: 33197ms; animation-duration: 33197ms; -webkit-animation-delay: 27355ms; animation-delay: 27355ms; } @-webkit-keyframes move-frames-69 { from { -webkit-transform: translate3d(40vw, 105vh, 0); transform: translate3d(40vw, 105vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-69 { from { -webkit-transform: translate3d(40vw, 105vh, 0); transform: translate3d(40vw, 105vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(69) .circle { -webkit-animation-delay: 3517ms; animation-delay: 3517ms; } .circle-container:nth-child(70) { width: 7px; height: 7px; -webkit-animation-name: move-frames-70; animation-name: move-frames-70; -webkit-animation-duration: 30493ms; animation-duration: 30493ms; -webkit-animation-delay: 24867ms; animation-delay: 24867ms; } @-webkit-keyframes move-frames-70 { from { -webkit-transform: translate3d(77vw, 107vh, 0); transform: translate3d(77vw, 107vh, 0); } to { -webkit-transform: translate3d(19vw, -115vh, 0); transform: translate3d(19vw, -115vh, 0); } } @keyframes move-frames-70 { from { -webkit-transform: translate3d(77vw, 107vh, 0); transform: translate3d(77vw, 107vh, 0); } to { -webkit-transform: translate3d(19vw, -115vh, 0); transform: translate3d(19vw, -115vh, 0); } } .circle-container:nth-child(70) .circle { -webkit-animation-delay: 3754ms; animation-delay: 3754ms; } .circle-container:nth-child(71) { width: 1px; height: 1px; -webkit-animation-name: move-frames-71; animation-name: move-frames-71; -webkit-animation-duration: 32906ms; animation-duration: 32906ms; -webkit-animation-delay: 20812ms; animation-delay: 20812ms; } @-webkit-keyframes move-frames-71 { from { -webkit-transform: translate3d(57vw, 108vh, 0); transform: translate3d(57vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -118vh, 0); transform: translate3d(9vw, -118vh, 0); } } @keyframes move-frames-71 { from { -webkit-transform: translate3d(57vw, 108vh, 0); transform: translate3d(57vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -118vh, 0); transform: translate3d(9vw, -118vh, 0); } } .circle-container:nth-child(71) .circle { -webkit-animation-delay: 3638ms; animation-delay: 3638ms; } .circle-container:nth-child(72) { width: 3px; height: 3px; -webkit-animation-name: move-frames-72; animation-name: move-frames-72; -webkit-animation-duration: 35321ms; animation-duration: 35321ms; -webkit-animation-delay: 32919ms; animation-delay: 32919ms; } @-webkit-keyframes move-frames-72 { from { -webkit-transform: translate3d(5vw, 110vh, 0); transform: translate3d(5vw, 110vh, 0); } to { -webkit-transform: translate3d(78vw, -132vh, 0); transform: translate3d(78vw, -132vh, 0); } } @keyframes move-frames-72 { from { -webkit-transform: translate3d(5vw, 110vh, 0); transform: translate3d(5vw, 110vh, 0); } to { -webkit-transform: translate3d(78vw, -132vh, 0); transform: translate3d(78vw, -132vh, 0); } } .circle-container:nth-child(72) .circle { -webkit-animation-delay: 1916ms; animation-delay: 1916ms; } .circle-container:nth-child(73) { width: 1px; height: 1px; -webkit-animation-name: move-frames-73; animation-name: move-frames-73; -webkit-animation-duration: 31958ms; animation-duration: 31958ms; -webkit-animation-delay: 15155ms; animation-delay: 15155ms; } @-webkit-keyframes move-frames-73 { from { -webkit-transform: translate3d(15vw, 101vh, 0); transform: translate3d(15vw, 101vh, 0); } to { -webkit-transform: translate3d(93vw, -110vh, 0); transform: translate3d(93vw, -110vh, 0); } } @keyframes move-frames-73 { from { -webkit-transform: translate3d(15vw, 101vh, 0); transform: translate3d(15vw, 101vh, 0); } to { -webkit-transform: translate3d(93vw, -110vh, 0); transform: translate3d(93vw, -110vh, 0); } } .circle-container:nth-child(73) .circle { -webkit-animation-delay: 1043ms; animation-delay: 1043ms; } .circle-container:nth-child(74) { width: 2px; height: 2px; -webkit-animation-name: move-frames-74; animation-name: move-frames-74; -webkit-animation-duration: 32634ms; animation-duration: 32634ms; -webkit-animation-delay: 17094ms; animation-delay: 17094ms; } @-webkit-keyframes move-frames-74 { from { -webkit-transform: translate3d(23vw, 107vh, 0); transform: translate3d(23vw, 107vh, 0); } to { -webkit-transform: translate3d(9vw, -117vh, 0); transform: translate3d(9vw, -117vh, 0); } } @keyframes move-frames-74 { from { -webkit-transform: translate3d(23vw, 107vh, 0); transform: translate3d(23vw, 107vh, 0); } to { -webkit-transform: translate3d(9vw, -117vh, 0); transform: translate3d(9vw, -117vh, 0); } } .circle-container:nth-child(74) .circle { -webkit-animation-delay: 2578ms; animation-delay: 2578ms; } .circle-container:nth-child(75) { width: 4px; height: 4px; -webkit-animation-name: move-frames-75; animation-name: move-frames-75; -webkit-animation-duration: 36342ms; animation-duration: 36342ms; -webkit-animation-delay: 12666ms; animation-delay: 12666ms; } @-webkit-keyframes move-frames-75 { from { -webkit-transform: translate3d(16vw, 101vh, 0); transform: translate3d(16vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -127vh, 0); transform: translate3d(47vw, -127vh, 0); } } @keyframes move-frames-75 { from { -webkit-transform: translate3d(16vw, 101vh, 0); transform: translate3d(16vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -127vh, 0); transform: translate3d(47vw, -127vh, 0); } } .circle-container:nth-child(75) .circle { -webkit-animation-delay: 2ms; animation-delay: 2ms; } .circle-container:nth-child(76) { width: 4px; height: 4px; -webkit-animation-name: move-frames-76; animation-name: move-frames-76; -webkit-animation-duration: 34738ms; animation-duration: 34738ms; -webkit-animation-delay: 24455ms; animation-delay: 24455ms; } @-webkit-keyframes move-frames-76 { from { -webkit-transform: translate3d(41vw, 108vh, 0); transform: translate3d(41vw, 108vh, 0); } to { -webkit-transform: translate3d(31vw, -111vh, 0); transform: translate3d(31vw, -111vh, 0); } } @keyframes move-frames-76 { from { -webkit-transform: translate3d(41vw, 108vh, 0); transform: translate3d(41vw, 108vh, 0); } to { -webkit-transform: translate3d(31vw, -111vh, 0); transform: translate3d(31vw, -111vh, 0); } } .circle-container:nth-child(76) .circle { -webkit-animation-delay: 3520ms; animation-delay: 3520ms; } .circle-container:nth-child(77) { width: 7px; height: 7px; -webkit-animation-name: move-frames-77; animation-name: move-frames-77; -webkit-animation-duration: 34594ms; animation-duration: 34594ms; -webkit-animation-delay: 34131ms; animation-delay: 34131ms; } @-webkit-keyframes move-frames-77 { from { -webkit-transform: translate3d(93vw, 105vh, 0); transform: translate3d(93vw, 105vh, 0); } to { -webkit-transform: translate3d(51vw, -108vh, 0); transform: translate3d(51vw, -108vh, 0); } } @keyframes move-frames-77 { from { -webkit-transform: translate3d(93vw, 105vh, 0); transform: translate3d(93vw, 105vh, 0); } to { -webkit-transform: translate3d(51vw, -108vh, 0); transform: translate3d(51vw, -108vh, 0); } } .circle-container:nth-child(77) .circle { -webkit-animation-delay: 3096ms; animation-delay: 3096ms; } .circle-container:nth-child(78) { width: 5px; height: 5px; -webkit-animation-name: move-frames-78; animation-name: move-frames-78; -webkit-animation-duration: 30146ms; animation-duration: 30146ms; -webkit-animation-delay: 13761ms; animation-delay: 13761ms; } @-webkit-keyframes move-frames-78 { from { -webkit-transform: translate3d(83vw, 109vh, 0); transform: translate3d(83vw, 109vh, 0); } to { -webkit-transform: translate3d(1vw, -138vh, 0); transform: translate3d(1vw, -138vh, 0); } } @keyframes move-frames-78 { from { -webkit-transform: translate3d(83vw, 109vh, 0); transform: translate3d(83vw, 109vh, 0); } to { -webkit-transform: translate3d(1vw, -138vh, 0); transform: translate3d(1vw, -138vh, 0); } } .circle-container:nth-child(78) .circle { -webkit-animation-delay: 3055ms; animation-delay: 3055ms; } .circle-container:nth-child(79) { width: 7px; height: 7px; -webkit-animation-name: move-frames-79; animation-name: move-frames-79; -webkit-animation-duration: 33408ms; animation-duration: 33408ms; -webkit-animation-delay: 9320ms; animation-delay: 9320ms; } @-webkit-keyframes move-frames-79 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(33vw, -130vh, 0); transform: translate3d(33vw, -130vh, 0); } } @keyframes move-frames-79 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(33vw, -130vh, 0); transform: translate3d(33vw, -130vh, 0); } } .circle-container:nth-child(79) .circle { -webkit-animation-delay: 1103ms; animation-delay: 1103ms; } .circle-container:nth-child(80) { width: 6px; height: 6px; -webkit-animation-name: move-frames-80; animation-name: move-frames-80; -webkit-animation-duration: 28431ms; animation-duration: 28431ms; -webkit-animation-delay: 25077ms; animation-delay: 25077ms; } @-webkit-keyframes move-frames-80 { from { -webkit-transform: translate3d(65vw, 104vh, 0); transform: translate3d(65vw, 104vh, 0); } to { -webkit-transform: translate3d(52vw, -129vh, 0); transform: translate3d(52vw, -129vh, 0); } } @keyframes move-frames-80 { from { -webkit-transform: translate3d(65vw, 104vh, 0); transform: translate3d(65vw, 104vh, 0); } to { -webkit-transform: translate3d(52vw, -129vh, 0); transform: translate3d(52vw, -129vh, 0); } } .circle-container:nth-child(80) .circle { -webkit-animation-delay: 2807ms; animation-delay: 2807ms; } .circle-container:nth-child(81) { width: 4px; height: 4px; -webkit-animation-name: move-frames-81; animation-name: move-frames-81; -webkit-animation-duration: 32897ms; animation-duration: 32897ms; -webkit-animation-delay: 21271ms; animation-delay: 21271ms; } @-webkit-keyframes move-frames-81 { from { -webkit-transform: translate3d(80vw, 101vh, 0); transform: translate3d(80vw, 101vh, 0); } to { -webkit-transform: translate3d(97vw, -108vh, 0); transform: translate3d(97vw, -108vh, 0); } } @keyframes move-frames-81 { from { -webkit-transform: translate3d(80vw, 101vh, 0); transform: translate3d(80vw, 101vh, 0); } to { -webkit-transform: translate3d(97vw, -108vh, 0); transform: translate3d(97vw, -108vh, 0); } } .circle-container:nth-child(81) .circle { -webkit-animation-delay: 2476ms; animation-delay: 2476ms; } .circle-container:nth-child(82) { width: 2px; height: 2px; -webkit-animation-name: move-frames-82; animation-name: move-frames-82; -webkit-animation-duration: 31154ms; animation-duration: 31154ms; -webkit-animation-delay: 24609ms; animation-delay: 24609ms; } @-webkit-keyframes move-frames-82 { from { -webkit-transform: translate3d(91vw, 105vh, 0); transform: translate3d(91vw, 105vh, 0); } to { -webkit-transform: translate3d(26vw, -135vh, 0); transform: translate3d(26vw, -135vh, 0); } } @keyframes move-frames-82 { from { -webkit-transform: translate3d(91vw, 105vh, 0); transform: translate3d(91vw, 105vh, 0); } to { -webkit-transform: translate3d(26vw, -135vh, 0); transform: translate3d(26vw, -135vh, 0); } } .circle-container:nth-child(82) .circle { -webkit-animation-delay: 1303ms; animation-delay: 1303ms; } .circle-container:nth-child(83) { width: 3px; height: 3px; -webkit-animation-name: move-frames-83; animation-name: move-frames-83; -webkit-animation-duration: 33678ms; animation-duration: 33678ms; -webkit-animation-delay: 28124ms; animation-delay: 28124ms; } @-webkit-keyframes move-frames-83 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(53vw, -110vh, 0); transform: translate3d(53vw, -110vh, 0); } } @keyframes move-frames-83 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(53vw, -110vh, 0); transform: translate3d(53vw, -110vh, 0); } } .circle-container:nth-child(83) .circle { -webkit-animation-delay: 2756ms; animation-delay: 2756ms; } .circle-container:nth-child(84) { width: 1px; height: 1px; -webkit-animation-name: move-frames-84; animation-name: move-frames-84; -webkit-animation-duration: 28670ms; animation-duration: 28670ms; -webkit-animation-delay: 31136ms; animation-delay: 31136ms; } @-webkit-keyframes move-frames-84 { from { -webkit-transform: translate3d(5vw, 107vh, 0); transform: translate3d(5vw, 107vh, 0); } to { -webkit-transform: translate3d(22vw, -109vh, 0); transform: translate3d(22vw, -109vh, 0); } } @keyframes move-frames-84 { from { -webkit-transform: translate3d(5vw, 107vh, 0); transform: translate3d(5vw, 107vh, 0); } to { -webkit-transform: translate3d(22vw, -109vh, 0); transform: translate3d(22vw, -109vh, 0); } } .circle-container:nth-child(84) .circle { -webkit-animation-delay: 137ms; animation-delay: 137ms; } .circle-container:nth-child(85) { width: 3px; height: 3px; -webkit-animation-name: move-frames-85; animation-name: move-frames-85; -webkit-animation-duration: 31856ms; animation-duration: 31856ms; -webkit-animation-delay: 14358ms; animation-delay: 14358ms; } @-webkit-keyframes move-frames-85 { from { -webkit-transform: translate3d(96vw, 101vh, 0); transform: translate3d(96vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -124vh, 0); transform: translate3d(76vw, -124vh, 0); } } @keyframes move-frames-85 { from { -webkit-transform: translate3d(96vw, 101vh, 0); transform: translate3d(96vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -124vh, 0); transform: translate3d(76vw, -124vh, 0); } } .circle-container:nth-child(85) .circle { -webkit-animation-delay: 3660ms; animation-delay: 3660ms; } .circle-container:nth-child(86) { width: 1px; height: 1px; -webkit-animation-name: move-frames-86; animation-name: move-frames-86; -webkit-animation-duration: 28054ms; animation-duration: 28054ms; -webkit-animation-delay: 3570ms; animation-delay: 3570ms; } @-webkit-keyframes move-frames-86 { from { -webkit-transform: translate3d(6vw, 110vh, 0); transform: translate3d(6vw, 110vh, 0); } to { -webkit-transform: translate3d(39vw, -115vh, 0); transform: translate3d(39vw, -115vh, 0); } } @keyframes move-frames-86 { from { -webkit-transform: translate3d(6vw, 110vh, 0); transform: translate3d(6vw, 110vh, 0); } to { -webkit-transform: translate3d(39vw, -115vh, 0); transform: translate3d(39vw, -115vh, 0); } } .circle-container:nth-child(86) .circle { -webkit-animation-delay: 2610ms; animation-delay: 2610ms; } .circle-container:nth-child(87) { width: 2px; height: 2px; -webkit-animation-name: move-frames-87; animation-name: move-frames-87; -webkit-animation-duration: 28147ms; animation-duration: 28147ms; -webkit-animation-delay: 17081ms; animation-delay: 17081ms; } @-webkit-keyframes move-frames-87 { from { -webkit-transform: translate3d(15vw, 107vh, 0); transform: translate3d(15vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -112vh, 0); transform: translate3d(5vw, -112vh, 0); } } @keyframes move-frames-87 { from { -webkit-transform: translate3d(15vw, 107vh, 0); transform: translate3d(15vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -112vh, 0); transform: translate3d(5vw, -112vh, 0); } } .circle-container:nth-child(87) .circle { -webkit-animation-delay: 2263ms; animation-delay: 2263ms; } .circle-container:nth-child(88) { width: 5px; height: 5px; -webkit-animation-name: move-frames-88; animation-name: move-frames-88; -webkit-animation-duration: 35872ms; animation-duration: 35872ms; -webkit-animation-delay: 10623ms; animation-delay: 10623ms; } @-webkit-keyframes move-frames-88 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(50vw, -130vh, 0); transform: translate3d(50vw, -130vh, 0); } } @keyframes move-frames-88 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(50vw, -130vh, 0); transform: translate3d(50vw, -130vh, 0); } } .circle-container:nth-child(88) .circle { -webkit-animation-delay: 3839ms; animation-delay: 3839ms; } .circle-container:nth-child(89) { width: 6px; height: 6px; -webkit-animation-name: move-frames-89; animation-name: move-frames-89; -webkit-animation-duration: 34377ms; animation-duration: 34377ms; -webkit-animation-delay: 18636ms; animation-delay: 18636ms; } @-webkit-keyframes move-frames-89 { from { -webkit-transform: translate3d(30vw, 110vh, 0); transform: translate3d(30vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -123vh, 0); transform: translate3d(86vw, -123vh, 0); } } @keyframes move-frames-89 { from { -webkit-transform: translate3d(30vw, 110vh, 0); transform: translate3d(30vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -123vh, 0); transform: translate3d(86vw, -123vh, 0); } } .circle-container:nth-child(89) .circle { -webkit-animation-delay: 3763ms; animation-delay: 3763ms; } .circle-container:nth-child(90) { width: 1px; height: 1px; -webkit-animation-name: move-frames-90; animation-name: move-frames-90; -webkit-animation-duration: 28601ms; animation-duration: 28601ms; -webkit-animation-delay: 5222ms; animation-delay: 5222ms; } @-webkit-keyframes move-frames-90 { from { -webkit-transform: translate3d(31vw, 110vh, 0); transform: translate3d(31vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -118vh, 0); transform: translate3d(97vw, -118vh, 0); } } @keyframes move-frames-90 { from { -webkit-transform: translate3d(31vw, 110vh, 0); transform: translate3d(31vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -118vh, 0); transform: translate3d(97vw, -118vh, 0); } } .circle-container:nth-child(90) .circle { -webkit-animation-delay: 737ms; animation-delay: 737ms; } .circle-container:nth-child(91) { width: 4px; height: 4px; -webkit-animation-name: move-frames-91; animation-name: move-frames-91; -webkit-animation-duration: 33382ms; animation-duration: 33382ms; -webkit-animation-delay: 3209ms; animation-delay: 3209ms; } @-webkit-keyframes move-frames-91 { from { -webkit-transform: translate3d(39vw, 108vh, 0); transform: translate3d(39vw, 108vh, 0); } to { -webkit-transform: translate3d(80vw, -116vh, 0); transform: translate3d(80vw, -116vh, 0); } } @keyframes move-frames-91 { from { -webkit-transform: translate3d(39vw, 108vh, 0); transform: translate3d(39vw, 108vh, 0); } to { -webkit-transform: translate3d(80vw, -116vh, 0); transform: translate3d(80vw, -116vh, 0); } } .circle-container:nth-child(91) .circle { -webkit-animation-delay: 3733ms; animation-delay: 3733ms; } .circle-container:nth-child(92) { width: 8px; height: 8px; -webkit-animation-name: move-frames-92; animation-name: move-frames-92; -webkit-animation-duration: 32697ms; animation-duration: 32697ms; -webkit-animation-delay: 22251ms; animation-delay: 22251ms; } @-webkit-keyframes move-frames-92 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(20vw, -109vh, 0); transform: translate3d(20vw, -109vh, 0); } } @keyframes move-frames-92 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(20vw, -109vh, 0); transform: translate3d(20vw, -109vh, 0); } } .circle-container:nth-child(92) .circle { -webkit-animation-delay: 523ms; animation-delay: 523ms; } .circle-container:nth-child(93) { width: 7px; height: 7px; -webkit-animation-name: move-frames-93; animation-name: move-frames-93; -webkit-animation-duration: 36583ms; animation-duration: 36583ms; -webkit-animation-delay: 18234ms; animation-delay: 18234ms; } @-webkit-keyframes move-frames-93 { from { -webkit-transform: translate3d(99vw, 102vh, 0); transform: translate3d(99vw, 102vh, 0); } to { -webkit-transform: translate3d(72vw, -117vh, 0); transform: translate3d(72vw, -117vh, 0); } } @keyframes move-frames-93 { from { -webkit-transform: translate3d(99vw, 102vh, 0); transform: translate3d(99vw, 102vh, 0); } to { -webkit-transform: translate3d(72vw, -117vh, 0); transform: translate3d(72vw, -117vh, 0); } } .circle-container:nth-child(93) .circle { -webkit-animation-delay: 1302ms; animation-delay: 1302ms; } .circle-container:nth-child(94) { width: 8px; height: 8px; -webkit-animation-name: move-frames-94; animation-name: move-frames-94; -webkit-animation-duration: 29754ms; animation-duration: 29754ms; -webkit-animation-delay: 17709ms; animation-delay: 17709ms; } @-webkit-keyframes move-frames-94 { from { -webkit-transform: translate3d(1vw, 110vh, 0); transform: translate3d(1vw, 110vh, 0); } to { -webkit-transform: translate3d(99vw, -111vh, 0); transform: translate3d(99vw, -111vh, 0); } } @keyframes move-frames-94 { from { -webkit-transform: translate3d(1vw, 110vh, 0); transform: translate3d(1vw, 110vh, 0); } to { -webkit-transform: translate3d(99vw, -111vh, 0); transform: translate3d(99vw, -111vh, 0); } } .circle-container:nth-child(94) .circle { -webkit-animation-delay: 2482ms; animation-delay: 2482ms; } .circle-container:nth-child(95) { width: 6px; height: 6px; -webkit-animation-name: move-frames-95; animation-name: move-frames-95; -webkit-animation-duration: 30232ms; animation-duration: 30232ms; -webkit-animation-delay: 12386ms; animation-delay: 12386ms; } @-webkit-keyframes move-frames-95 { from { -webkit-transform: translate3d(35vw, 110vh, 0); transform: translate3d(35vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -126vh, 0); transform: translate3d(9vw, -126vh, 0); } } @keyframes move-frames-95 { from { -webkit-transform: translate3d(35vw, 110vh, 0); transform: translate3d(35vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -126vh, 0); transform: translate3d(9vw, -126vh, 0); } } .circle-container:nth-child(95) .circle { -webkit-animation-delay: 1475ms; animation-delay: 1475ms; } .circle-container:nth-child(96) { width: 1px; height: 1px; -webkit-animation-name: move-frames-96; animation-name: move-frames-96; -webkit-animation-duration: 32236ms; animation-duration: 32236ms; -webkit-animation-delay: 9448ms; animation-delay: 9448ms; } @-webkit-keyframes move-frames-96 { from { -webkit-transform: translate3d(27vw, 105vh, 0); transform: translate3d(27vw, 105vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } @keyframes move-frames-96 { from { -webkit-transform: translate3d(27vw, 105vh, 0); transform: translate3d(27vw, 105vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } .circle-container:nth-child(96) .circle { -webkit-animation-delay: 2213ms; animation-delay: 2213ms; } .circle-container:nth-child(97) { width: 7px; height: 7px; -webkit-animation-name: move-frames-97; animation-name: move-frames-97; -webkit-animation-duration: 31795ms; animation-duration: 31795ms; -webkit-animation-delay: 5077ms; animation-delay: 5077ms; } @-webkit-keyframes move-frames-97 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(52vw, -117vh, 0); transform: translate3d(52vw, -117vh, 0); } } @keyframes move-frames-97 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(52vw, -117vh, 0); transform: translate3d(52vw, -117vh, 0); } } .circle-container:nth-child(97) .circle { -webkit-animation-delay: 544ms; animation-delay: 544ms; } .circle-container:nth-child(98) { width: 7px; height: 7px; -webkit-animation-name: move-frames-98; animation-name: move-frames-98; -webkit-animation-duration: 29501ms; animation-duration: 29501ms; -webkit-animation-delay: 6562ms; animation-delay: 6562ms; } @-webkit-keyframes move-frames-98 { from { -webkit-transform: translate3d(1vw, 103vh, 0); transform: translate3d(1vw, 103vh, 0); } to { -webkit-transform: translate3d(3vw, -126vh, 0); transform: translate3d(3vw, -126vh, 0); } } @keyframes move-frames-98 { from { -webkit-transform: translate3d(1vw, 103vh, 0); transform: translate3d(1vw, 103vh, 0); } to { -webkit-transform: translate3d(3vw, -126vh, 0); transform: translate3d(3vw, -126vh, 0); } } .circle-container:nth-child(98) .circle { -webkit-animation-delay: 3198ms; animation-delay: 3198ms; } .circle-container:nth-child(99) { width: 6px; height: 6px; -webkit-animation-name: move-frames-99; animation-name: move-frames-99; -webkit-animation-duration: 28821ms; animation-duration: 28821ms; -webkit-animation-delay: 1282ms; animation-delay: 1282ms; } @-webkit-keyframes move-frames-99 { from { -webkit-transform: translate3d(69vw, 104vh, 0); transform: translate3d(69vw, 104vh, 0); } to { -webkit-transform: translate3d(9vw, -107vh, 0); transform: translate3d(9vw, -107vh, 0); } } @keyframes move-frames-99 { from { -webkit-transform: translate3d(69vw, 104vh, 0); transform: translate3d(69vw, 104vh, 0); } to { -webkit-transform: translate3d(9vw, -107vh, 0); transform: translate3d(9vw, -107vh, 0); } } .circle-container:nth-child(99) .circle { -webkit-animation-delay: 3939ms; animation-delay: 3939ms; } .circle-container:nth-child(100) { width: 6px; height: 6px; -webkit-animation-name: move-frames-100; animation-name: move-frames-100; -webkit-animation-duration: 31502ms; animation-duration: 31502ms; -webkit-animation-delay: 30888ms; animation-delay: 30888ms; } @-webkit-keyframes move-frames-100 { from { -webkit-transform: translate3d(59vw, 108vh, 0); transform: translate3d(59vw, 108vh, 0); } to { -webkit-transform: translate3d(58vw, -114vh, 0); transform: translate3d(58vw, -114vh, 0); } } @keyframes move-frames-100 { from { -webkit-transform: translate3d(59vw, 108vh, 0); transform: translate3d(59vw, 108vh, 0); } to { -webkit-transform: translate3d(58vw, -114vh, 0); transform: translate3d(58vw, -114vh, 0); } } .circle-container:nth-child(100) .circle { -webkit-animation-delay: 3888ms; animation-delay: 3888ms; } .circle-container:nth-child(101) { width: 1px; height: 1px; -webkit-animation-name: move-frames-101; animation-name: move-frames-101; -webkit-animation-duration: 33830ms; animation-duration: 33830ms; -webkit-animation-delay: 24381ms; animation-delay: 24381ms; } @-webkit-keyframes move-frames-101 { from { -webkit-transform: translate3d(38vw, 108vh, 0); transform: translate3d(38vw, 108vh, 0); } to { -webkit-transform: translate3d(36vw, -134vh, 0); transform: translate3d(36vw, -134vh, 0); } } @keyframes move-frames-101 { from { -webkit-transform: translate3d(38vw, 108vh, 0); transform: translate3d(38vw, 108vh, 0); } to { -webkit-transform: translate3d(36vw, -134vh, 0); transform: translate3d(36vw, -134vh, 0); } } .circle-container:nth-child(101) .circle { -webkit-animation-delay: 3492ms; animation-delay: 3492ms; } .circle-container:nth-child(102) { width: 8px; height: 8px; -webkit-animation-name: move-frames-102; animation-name: move-frames-102; -webkit-animation-duration: 30713ms; animation-duration: 30713ms; -webkit-animation-delay: 34375ms; animation-delay: 34375ms; } @-webkit-keyframes move-frames-102 { from { -webkit-transform: translate3d(46vw, 110vh, 0); transform: translate3d(46vw, 110vh, 0); } to { -webkit-transform: translate3d(54vw, -134vh, 0); transform: translate3d(54vw, -134vh, 0); } } @keyframes move-frames-102 { from { -webkit-transform: translate3d(46vw, 110vh, 0); transform: translate3d(46vw, 110vh, 0); } to { -webkit-transform: translate3d(54vw, -134vh, 0); transform: translate3d(54vw, -134vh, 0); } } .circle-container:nth-child(102) .circle { -webkit-animation-delay: 241ms; animation-delay: 241ms; } .circle-container:nth-child(103) { width: 7px; height: 7px; -webkit-animation-name: move-frames-103; animation-name: move-frames-103; -webkit-animation-duration: 29242ms; animation-duration: 29242ms; -webkit-animation-delay: 14008ms; animation-delay: 14008ms; } @-webkit-keyframes move-frames-103 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(47vw, -129vh, 0); transform: translate3d(47vw, -129vh, 0); } } @keyframes move-frames-103 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(47vw, -129vh, 0); transform: translate3d(47vw, -129vh, 0); } } .circle-container:nth-child(103) .circle { -webkit-animation-delay: 458ms; animation-delay: 458ms; } .circle-container:nth-child(104) { width: 5px; height: 5px; -webkit-animation-name: move-frames-104; animation-name: move-frames-104; -webkit-animation-duration: 34184ms; animation-duration: 34184ms; -webkit-animation-delay: 523ms; animation-delay: 523ms; } @-webkit-keyframes move-frames-104 { from { -webkit-transform: translate3d(71vw, 104vh, 0); transform: translate3d(71vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } @keyframes move-frames-104 { from { -webkit-transform: translate3d(71vw, 104vh, 0); transform: translate3d(71vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } .circle-container:nth-child(104) .circle { -webkit-animation-delay: 3435ms; animation-delay: 3435ms; } .circle-container:nth-child(105) { width: 6px; height: 6px; -webkit-animation-name: move-frames-105; animation-name: move-frames-105; -webkit-animation-duration: 34185ms; animation-duration: 34185ms; -webkit-animation-delay: 13654ms; animation-delay: 13654ms; } @-webkit-keyframes move-frames-105 { from { -webkit-transform: translate3d(24vw, 105vh, 0); transform: translate3d(24vw, 105vh, 0); } to { -webkit-transform: translate3d(71vw, -131vh, 0); transform: translate3d(71vw, -131vh, 0); } } @keyframes move-frames-105 { from { -webkit-transform: translate3d(24vw, 105vh, 0); transform: translate3d(24vw, 105vh, 0); } to { -webkit-transform: translate3d(71vw, -131vh, 0); transform: translate3d(71vw, -131vh, 0); } } .circle-container:nth-child(105) .circle { -webkit-animation-delay: 3467ms; animation-delay: 3467ms; } .circle-container:nth-child(106) { width: 3px; height: 3px; -webkit-animation-name: move-frames-106; animation-name: move-frames-106; -webkit-animation-duration: 29278ms; animation-duration: 29278ms; -webkit-animation-delay: 7294ms; animation-delay: 7294ms; } @-webkit-keyframes move-frames-106 { from { -webkit-transform: translate3d(39vw, 108vh, 0); transform: translate3d(39vw, 108vh, 0); } to { -webkit-transform: translate3d(92vw, -127vh, 0); transform: translate3d(92vw, -127vh, 0); } } @keyframes move-frames-106 { from { -webkit-transform: translate3d(39vw, 108vh, 0); transform: translate3d(39vw, 108vh, 0); } to { -webkit-transform: translate3d(92vw, -127vh, 0); transform: translate3d(92vw, -127vh, 0); } } .circle-container:nth-child(106) .circle { -webkit-animation-delay: 2384ms; animation-delay: 2384ms; } .circle-container:nth-child(107) { width: 3px; height: 3px; -webkit-animation-name: move-frames-107; animation-name: move-frames-107; -webkit-animation-duration: 31670ms; animation-duration: 31670ms; -webkit-animation-delay: 27615ms; animation-delay: 27615ms; } @-webkit-keyframes move-frames-107 { from { -webkit-transform: translate3d(93vw, 110vh, 0); transform: translate3d(93vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -135vh, 0); transform: translate3d(3vw, -135vh, 0); } } @keyframes move-frames-107 { from { -webkit-transform: translate3d(93vw, 110vh, 0); transform: translate3d(93vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -135vh, 0); transform: translate3d(3vw, -135vh, 0); } } .circle-container:nth-child(107) .circle { -webkit-animation-delay: 596ms; animation-delay: 596ms; } .circle-container:nth-child(108) { width: 1px; height: 1px; -webkit-animation-name: move-frames-108; animation-name: move-frames-108; -webkit-animation-duration: 34129ms; animation-duration: 34129ms; -webkit-animation-delay: 7145ms; animation-delay: 7145ms; } @-webkit-keyframes move-frames-108 { from { -webkit-transform: translate3d(100vw, 103vh, 0); transform: translate3d(100vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -109vh, 0); transform: translate3d(30vw, -109vh, 0); } } @keyframes move-frames-108 { from { -webkit-transform: translate3d(100vw, 103vh, 0); transform: translate3d(100vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -109vh, 0); transform: translate3d(30vw, -109vh, 0); } } .circle-container:nth-child(108) .circle { -webkit-animation-delay: 2966ms; animation-delay: 2966ms; } .circle-container:nth-child(109) { width: 8px; height: 8px; -webkit-animation-name: move-frames-109; animation-name: move-frames-109; -webkit-animation-duration: 31486ms; animation-duration: 31486ms; -webkit-animation-delay: 2023ms; animation-delay: 2023ms; } @-webkit-keyframes move-frames-109 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -112vh, 0); transform: translate3d(98vw, -112vh, 0); } } @keyframes move-frames-109 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -112vh, 0); transform: translate3d(98vw, -112vh, 0); } } .circle-container:nth-child(109) .circle { -webkit-animation-delay: 873ms; animation-delay: 873ms; } .circle-container:nth-child(110) { width: 8px; height: 8px; -webkit-animation-name: move-frames-110; animation-name: move-frames-110; -webkit-animation-duration: 33941ms; animation-duration: 33941ms; -webkit-animation-delay: 9528ms; animation-delay: 9528ms; } @-webkit-keyframes move-frames-110 { from { -webkit-transform: translate3d(67vw, 107vh, 0); transform: translate3d(67vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -130vh, 0); transform: translate3d(98vw, -130vh, 0); } } @keyframes move-frames-110 { from { -webkit-transform: translate3d(67vw, 107vh, 0); transform: translate3d(67vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -130vh, 0); transform: translate3d(98vw, -130vh, 0); } } .circle-container:nth-child(110) .circle { -webkit-animation-delay: 1151ms; animation-delay: 1151ms; } .circle-container:nth-child(111) { width: 6px; height: 6px; -webkit-animation-name: move-frames-111; animation-name: move-frames-111; -webkit-animation-duration: 28667ms; animation-duration: 28667ms; -webkit-animation-delay: 26248ms; animation-delay: 26248ms; } @-webkit-keyframes move-frames-111 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(16vw, -111vh, 0); transform: translate3d(16vw, -111vh, 0); } } @keyframes move-frames-111 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(16vw, -111vh, 0); transform: translate3d(16vw, -111vh, 0); } } .circle-container:nth-child(111) .circle { -webkit-animation-delay: 1098ms; animation-delay: 1098ms; } .circle-container:nth-child(112) { width: 1px; height: 1px; -webkit-animation-name: move-frames-112; animation-name: move-frames-112; -webkit-animation-duration: 31558ms; animation-duration: 31558ms; -webkit-animation-delay: 34022ms; animation-delay: 34022ms; } @-webkit-keyframes move-frames-112 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(66vw, -111vh, 0); transform: translate3d(66vw, -111vh, 0); } } @keyframes move-frames-112 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(66vw, -111vh, 0); transform: translate3d(66vw, -111vh, 0); } } .circle-container:nth-child(112) .circle { -webkit-animation-delay: 2067ms; animation-delay: 2067ms; } .circle-container:nth-child(113) { width: 5px; height: 5px; -webkit-animation-name: move-frames-113; animation-name: move-frames-113; -webkit-animation-duration: 32550ms; animation-duration: 32550ms; -webkit-animation-delay: 18758ms; animation-delay: 18758ms; } @-webkit-keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 107vh, 0); transform: translate3d(70vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -117vh, 0); transform: translate3d(44vw, -117vh, 0); } } @keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 107vh, 0); transform: translate3d(70vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -117vh, 0); transform: translate3d(44vw, -117vh, 0); } } .circle-container:nth-child(113) .circle { -webkit-animation-delay: 2626ms; animation-delay: 2626ms; } .circle-container:nth-child(114) { width: 7px; height: 7px; -webkit-animation-name: move-frames-114; animation-name: move-frames-114; -webkit-animation-duration: 36291ms; animation-duration: 36291ms; -webkit-animation-delay: 26557ms; animation-delay: 26557ms; } @-webkit-keyframes move-frames-114 { from { -webkit-transform: translate3d(22vw, 109vh, 0); transform: translate3d(22vw, 109vh, 0); } to { -webkit-transform: translate3d(41vw, -136vh, 0); transform: translate3d(41vw, -136vh, 0); } } @keyframes move-frames-114 { from { -webkit-transform: translate3d(22vw, 109vh, 0); transform: translate3d(22vw, 109vh, 0); } to { -webkit-transform: translate3d(41vw, -136vh, 0); transform: translate3d(41vw, -136vh, 0); } } .circle-container:nth-child(114) .circle { -webkit-animation-delay: 2817ms; animation-delay: 2817ms; } .circle-container:nth-child(115) { width: 3px; height: 3px; -webkit-animation-name: move-frames-115; animation-name: move-frames-115; -webkit-animation-duration: 35876ms; animation-duration: 35876ms; -webkit-animation-delay: 31405ms; animation-delay: 31405ms; } @-webkit-keyframes move-frames-115 { from { -webkit-transform: translate3d(59vw, 108vh, 0); transform: translate3d(59vw, 108vh, 0); } to { -webkit-transform: translate3d(49vw, -120vh, 0); transform: translate3d(49vw, -120vh, 0); } } @keyframes move-frames-115 { from { -webkit-transform: translate3d(59vw, 108vh, 0); transform: translate3d(59vw, 108vh, 0); } to { -webkit-transform: translate3d(49vw, -120vh, 0); transform: translate3d(49vw, -120vh, 0); } } .circle-container:nth-child(115) .circle { -webkit-animation-delay: 198ms; animation-delay: 198ms; } .circle-container:nth-child(116) { width: 2px; height: 2px; -webkit-animation-name: move-frames-116; animation-name: move-frames-116; -webkit-animation-duration: 32318ms; animation-duration: 32318ms; -webkit-animation-delay: 10107ms; animation-delay: 10107ms; } @-webkit-keyframes move-frames-116 { from { -webkit-transform: translate3d(96vw, 105vh, 0); transform: translate3d(96vw, 105vh, 0); } to { -webkit-transform: translate3d(83vw, -130vh, 0); transform: translate3d(83vw, -130vh, 0); } } @keyframes move-frames-116 { from { -webkit-transform: translate3d(96vw, 105vh, 0); transform: translate3d(96vw, 105vh, 0); } to { -webkit-transform: translate3d(83vw, -130vh, 0); transform: translate3d(83vw, -130vh, 0); } } .circle-container:nth-child(116) .circle { -webkit-animation-delay: 2325ms; animation-delay: 2325ms; } .circle-container:nth-child(117) { width: 3px; height: 3px; -webkit-animation-name: move-frames-117; animation-name: move-frames-117; -webkit-animation-duration: 29724ms; animation-duration: 29724ms; -webkit-animation-delay: 36952ms; animation-delay: 36952ms; } @-webkit-keyframes move-frames-117 { from { -webkit-transform: translate3d(3vw, 107vh, 0); transform: translate3d(3vw, 107vh, 0); } to { -webkit-transform: translate3d(83vw, -135vh, 0); transform: translate3d(83vw, -135vh, 0); } } @keyframes move-frames-117 { from { -webkit-transform: translate3d(3vw, 107vh, 0); transform: translate3d(3vw, 107vh, 0); } to { -webkit-transform: translate3d(83vw, -135vh, 0); transform: translate3d(83vw, -135vh, 0); } } .circle-container:nth-child(117) .circle { -webkit-animation-delay: 2607ms; animation-delay: 2607ms; } .circle-container:nth-child(118) { width: 5px; height: 5px; -webkit-animation-name: move-frames-118; animation-name: move-frames-118; -webkit-animation-duration: 29820ms; animation-duration: 29820ms; -webkit-animation-delay: 30140ms; animation-delay: 30140ms; } @-webkit-keyframes move-frames-118 { from { -webkit-transform: translate3d(5vw, 105vh, 0); transform: translate3d(5vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -114vh, 0); transform: translate3d(19vw, -114vh, 0); } } @keyframes move-frames-118 { from { -webkit-transform: translate3d(5vw, 105vh, 0); transform: translate3d(5vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -114vh, 0); transform: translate3d(19vw, -114vh, 0); } } .circle-container:nth-child(118) .circle { -webkit-animation-delay: 284ms; animation-delay: 284ms; } .circle-container:nth-child(119) { width: 8px; height: 8px; -webkit-animation-name: move-frames-119; animation-name: move-frames-119; -webkit-animation-duration: 35114ms; animation-duration: 35114ms; -webkit-animation-delay: 15148ms; animation-delay: 15148ms; } @-webkit-keyframes move-frames-119 { from { -webkit-transform: translate3d(38vw, 110vh, 0); transform: translate3d(38vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -122vh, 0); transform: translate3d(97vw, -122vh, 0); } } @keyframes move-frames-119 { from { -webkit-transform: translate3d(38vw, 110vh, 0); transform: translate3d(38vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -122vh, 0); transform: translate3d(97vw, -122vh, 0); } } .circle-container:nth-child(119) .circle { -webkit-animation-delay: 2049ms; animation-delay: 2049ms; } .circle-container:nth-child(120) { width: 1px; height: 1px; -webkit-animation-name: move-frames-120; animation-name: move-frames-120; -webkit-animation-duration: 29174ms; animation-duration: 29174ms; -webkit-animation-delay: 33447ms; animation-delay: 33447ms; } @-webkit-keyframes move-frames-120 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(72vw, -110vh, 0); transform: translate3d(72vw, -110vh, 0); } } @keyframes move-frames-120 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(72vw, -110vh, 0); transform: translate3d(72vw, -110vh, 0); } } .circle-container:nth-child(120) .circle { -webkit-animation-delay: 1478ms; animation-delay: 1478ms; } .circle-container:nth-child(121) { width: 6px; height: 6px; -webkit-animation-name: move-frames-121; animation-name: move-frames-121; -webkit-animation-duration: 35556ms; animation-duration: 35556ms; -webkit-animation-delay: 31477ms; animation-delay: 31477ms; } @-webkit-keyframes move-frames-121 { from { -webkit-transform: translate3d(100vw, 105vh, 0); transform: translate3d(100vw, 105vh, 0); } to { -webkit-transform: translate3d(95vw, -109vh, 0); transform: translate3d(95vw, -109vh, 0); } } @keyframes move-frames-121 { from { -webkit-transform: translate3d(100vw, 105vh, 0); transform: translate3d(100vw, 105vh, 0); } to { -webkit-transform: translate3d(95vw, -109vh, 0); transform: translate3d(95vw, -109vh, 0); } } .circle-container:nth-child(121) .circle { -webkit-animation-delay: 141ms; animation-delay: 141ms; } .circle-container:nth-child(122) { width: 7px; height: 7px; -webkit-animation-name: move-frames-122; animation-name: move-frames-122; -webkit-animation-duration: 29974ms; animation-duration: 29974ms; -webkit-animation-delay: 676ms; animation-delay: 676ms; } @-webkit-keyframes move-frames-122 { from { -webkit-transform: translate3d(31vw, 103vh, 0); transform: translate3d(31vw, 103vh, 0); } to { -webkit-transform: translate3d(57vw, -116vh, 0); transform: translate3d(57vw, -116vh, 0); } } @keyframes move-frames-122 { from { -webkit-transform: translate3d(31vw, 103vh, 0); transform: translate3d(31vw, 103vh, 0); } to { -webkit-transform: translate3d(57vw, -116vh, 0); transform: translate3d(57vw, -116vh, 0); } } .circle-container:nth-child(122) .circle { -webkit-animation-delay: 3093ms; animation-delay: 3093ms; } .circle-container:nth-child(123) { width: 6px; height: 6px; -webkit-animation-name: move-frames-123; animation-name: move-frames-123; -webkit-animation-duration: 32456ms; animation-duration: 32456ms; -webkit-animation-delay: 35146ms; animation-delay: 35146ms; } @-webkit-keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(86vw, -115vh, 0); transform: translate3d(86vw, -115vh, 0); } } @keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(86vw, -115vh, 0); transform: translate3d(86vw, -115vh, 0); } } .circle-container:nth-child(123) .circle { -webkit-animation-delay: 3843ms; animation-delay: 3843ms; } .circle-container:nth-child(124) { width: 5px; height: 5px; -webkit-animation-name: move-frames-124; animation-name: move-frames-124; -webkit-animation-duration: 28891ms; animation-duration: 28891ms; -webkit-animation-delay: 31461ms; animation-delay: 31461ms; } @-webkit-keyframes move-frames-124 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(100vw, -131vh, 0); transform: translate3d(100vw, -131vh, 0); } } @keyframes move-frames-124 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(100vw, -131vh, 0); transform: translate3d(100vw, -131vh, 0); } } .circle-container:nth-child(124) .circle { -webkit-animation-delay: 3519ms; animation-delay: 3519ms; } .circle-container:nth-child(125) { width: 5px; height: 5px; -webkit-animation-name: move-frames-125; animation-name: move-frames-125; -webkit-animation-duration: 28087ms; animation-duration: 28087ms; -webkit-animation-delay: 25201ms; animation-delay: 25201ms; } @-webkit-keyframes move-frames-125 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(82vw, -111vh, 0); transform: translate3d(82vw, -111vh, 0); } } @keyframes move-frames-125 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(82vw, -111vh, 0); transform: translate3d(82vw, -111vh, 0); } } .circle-container:nth-child(125) .circle { -webkit-animation-delay: 2856ms; animation-delay: 2856ms; } .circle-container:nth-child(126) { width: 6px; height: 6px; -webkit-animation-name: move-frames-126; animation-name: move-frames-126; -webkit-animation-duration: 32910ms; animation-duration: 32910ms; -webkit-animation-delay: 10662ms; animation-delay: 10662ms; } @-webkit-keyframes move-frames-126 { from { -webkit-transform: translate3d(27vw, 107vh, 0); transform: translate3d(27vw, 107vh, 0); } to { -webkit-transform: translate3d(1vw, -136vh, 0); transform: translate3d(1vw, -136vh, 0); } } @keyframes move-frames-126 { from { -webkit-transform: translate3d(27vw, 107vh, 0); transform: translate3d(27vw, 107vh, 0); } to { -webkit-transform: translate3d(1vw, -136vh, 0); transform: translate3d(1vw, -136vh, 0); } } .circle-container:nth-child(126) .circle { -webkit-animation-delay: 1752ms; animation-delay: 1752ms; } .circle-container:nth-child(127) { width: 3px; height: 3px; -webkit-animation-name: move-frames-127; animation-name: move-frames-127; -webkit-animation-duration: 33522ms; animation-duration: 33522ms; -webkit-animation-delay: 19675ms; animation-delay: 19675ms; } @-webkit-keyframes move-frames-127 { from { -webkit-transform: translate3d(43vw, 110vh, 0); transform: translate3d(43vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -115vh, 0); transform: translate3d(98vw, -115vh, 0); } } @keyframes move-frames-127 { from { -webkit-transform: translate3d(43vw, 110vh, 0); transform: translate3d(43vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -115vh, 0); transform: translate3d(98vw, -115vh, 0); } } .circle-container:nth-child(127) .circle { -webkit-animation-delay: 3861ms; animation-delay: 3861ms; } .circle-container:nth-child(128) { width: 6px; height: 6px; -webkit-animation-name: move-frames-128; animation-name: move-frames-128; -webkit-animation-duration: 30326ms; animation-duration: 30326ms; -webkit-animation-delay: 11648ms; animation-delay: 11648ms; } @-webkit-keyframes move-frames-128 { from { -webkit-transform: translate3d(23vw, 109vh, 0); transform: translate3d(23vw, 109vh, 0); } to { -webkit-transform: translate3d(13vw, -127vh, 0); transform: translate3d(13vw, -127vh, 0); } } @keyframes move-frames-128 { from { -webkit-transform: translate3d(23vw, 109vh, 0); transform: translate3d(23vw, 109vh, 0); } to { -webkit-transform: translate3d(13vw, -127vh, 0); transform: translate3d(13vw, -127vh, 0); } } .circle-container:nth-child(128) .circle { -webkit-animation-delay: 1737ms; animation-delay: 1737ms; } .circle-container:nth-child(129) { width: 2px; height: 2px; -webkit-animation-name: move-frames-129; animation-name: move-frames-129; -webkit-animation-duration: 34316ms; animation-duration: 34316ms; -webkit-animation-delay: 8015ms; animation-delay: 8015ms; } @-webkit-keyframes move-frames-129 { from { -webkit-transform: translate3d(4vw, 106vh, 0); transform: translate3d(4vw, 106vh, 0); } to { -webkit-transform: translate3d(79vw, -124vh, 0); transform: translate3d(79vw, -124vh, 0); } } @keyframes move-frames-129 { from { -webkit-transform: translate3d(4vw, 106vh, 0); transform: translate3d(4vw, 106vh, 0); } to { -webkit-transform: translate3d(79vw, -124vh, 0); transform: translate3d(79vw, -124vh, 0); } } .circle-container:nth-child(129) .circle { -webkit-animation-delay: 258ms; animation-delay: 258ms; } .circle-container:nth-child(130) { width: 5px; height: 5px; -webkit-animation-name: move-frames-130; animation-name: move-frames-130; -webkit-animation-duration: 36534ms; animation-duration: 36534ms; -webkit-animation-delay: 1101ms; animation-delay: 1101ms; } @-webkit-keyframes move-frames-130 { from { -webkit-transform: translate3d(31vw, 106vh, 0); transform: translate3d(31vw, 106vh, 0); } to { -webkit-transform: translate3d(60vw, -114vh, 0); transform: translate3d(60vw, -114vh, 0); } } @keyframes move-frames-130 { from { -webkit-transform: translate3d(31vw, 106vh, 0); transform: translate3d(31vw, 106vh, 0); } to { -webkit-transform: translate3d(60vw, -114vh, 0); transform: translate3d(60vw, -114vh, 0); } } .circle-container:nth-child(130) .circle { -webkit-animation-delay: 3590ms; animation-delay: 3590ms; } .circle-container:nth-child(131) { width: 1px; height: 1px; -webkit-animation-name: move-frames-131; animation-name: move-frames-131; -webkit-animation-duration: 32554ms; animation-duration: 32554ms; -webkit-animation-delay: 7499ms; animation-delay: 7499ms; } @-webkit-keyframes move-frames-131 { from { -webkit-transform: translate3d(81vw, 108vh, 0); transform: translate3d(81vw, 108vh, 0); } to { -webkit-transform: translate3d(12vw, -110vh, 0); transform: translate3d(12vw, -110vh, 0); } } @keyframes move-frames-131 { from { -webkit-transform: translate3d(81vw, 108vh, 0); transform: translate3d(81vw, 108vh, 0); } to { -webkit-transform: translate3d(12vw, -110vh, 0); transform: translate3d(12vw, -110vh, 0); } } .circle-container:nth-child(131) .circle { -webkit-animation-delay: 1030ms; animation-delay: 1030ms; } .circle-container:nth-child(132) { width: 6px; height: 6px; -webkit-animation-name: move-frames-132; animation-name: move-frames-132; -webkit-animation-duration: 32404ms; animation-duration: 32404ms; -webkit-animation-delay: 10920ms; animation-delay: 10920ms; } @-webkit-keyframes move-frames-132 { from { -webkit-transform: translate3d(46vw, 108vh, 0); transform: translate3d(46vw, 108vh, 0); } to { -webkit-transform: translate3d(80vw, -115vh, 0); transform: translate3d(80vw, -115vh, 0); } } @keyframes move-frames-132 { from { -webkit-transform: translate3d(46vw, 108vh, 0); transform: translate3d(46vw, 108vh, 0); } to { -webkit-transform: translate3d(80vw, -115vh, 0); transform: translate3d(80vw, -115vh, 0); } } .circle-container:nth-child(132) .circle { -webkit-animation-delay: 810ms; animation-delay: 810ms; } .circle-container:nth-child(133) { width: 3px; height: 3px; -webkit-animation-name: move-frames-133; animation-name: move-frames-133; -webkit-animation-duration: 35799ms; animation-duration: 35799ms; -webkit-animation-delay: 10919ms; animation-delay: 10919ms; } @-webkit-keyframes move-frames-133 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } @keyframes move-frames-133 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } .circle-container:nth-child(133) .circle { -webkit-animation-delay: 356ms; animation-delay: 356ms; } .circle-container:nth-child(134) { width: 8px; height: 8px; -webkit-animation-name: move-frames-134; animation-name: move-frames-134; -webkit-animation-duration: 35220ms; animation-duration: 35220ms; -webkit-animation-delay: 22931ms; animation-delay: 22931ms; } @-webkit-keyframes move-frames-134 { from { -webkit-transform: translate3d(45vw, 105vh, 0); transform: translate3d(45vw, 105vh, 0); } to { -webkit-transform: translate3d(2vw, -130vh, 0); transform: translate3d(2vw, -130vh, 0); } } @keyframes move-frames-134 { from { -webkit-transform: translate3d(45vw, 105vh, 0); transform: translate3d(45vw, 105vh, 0); } to { -webkit-transform: translate3d(2vw, -130vh, 0); transform: translate3d(2vw, -130vh, 0); } } .circle-container:nth-child(134) .circle { -webkit-animation-delay: 2589ms; animation-delay: 2589ms; } .circle-container:nth-child(135) { width: 8px; height: 8px; -webkit-animation-name: move-frames-135; animation-name: move-frames-135; -webkit-animation-duration: 35114ms; animation-duration: 35114ms; -webkit-animation-delay: 35540ms; animation-delay: 35540ms; } @-webkit-keyframes move-frames-135 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -136vh, 0); transform: translate3d(40vw, -136vh, 0); } } @keyframes move-frames-135 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -136vh, 0); transform: translate3d(40vw, -136vh, 0); } } .circle-container:nth-child(135) .circle { -webkit-animation-delay: 1352ms; animation-delay: 1352ms; } .circle-container:nth-child(136) { width: 4px; height: 4px; -webkit-animation-name: move-frames-136; animation-name: move-frames-136; -webkit-animation-duration: 35356ms; animation-duration: 35356ms; -webkit-animation-delay: 25988ms; animation-delay: 25988ms; } @-webkit-keyframes move-frames-136 { from { -webkit-transform: translate3d(49vw, 110vh, 0); transform: translate3d(49vw, 110vh, 0); } to { -webkit-transform: translate3d(14vw, -114vh, 0); transform: translate3d(14vw, -114vh, 0); } } @keyframes move-frames-136 { from { -webkit-transform: translate3d(49vw, 110vh, 0); transform: translate3d(49vw, 110vh, 0); } to { -webkit-transform: translate3d(14vw, -114vh, 0); transform: translate3d(14vw, -114vh, 0); } } .circle-container:nth-child(136) .circle { -webkit-animation-delay: 3346ms; animation-delay: 3346ms; } .circle-container:nth-child(137) { width: 6px; height: 6px; -webkit-animation-name: move-frames-137; animation-name: move-frames-137; -webkit-animation-duration: 35298ms; animation-duration: 35298ms; -webkit-animation-delay: 36294ms; animation-delay: 36294ms; } @-webkit-keyframes move-frames-137 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(11vw, -117vh, 0); transform: translate3d(11vw, -117vh, 0); } } @keyframes move-frames-137 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(11vw, -117vh, 0); transform: translate3d(11vw, -117vh, 0); } } .circle-container:nth-child(137) .circle { -webkit-animation-delay: 1438ms; animation-delay: 1438ms; } .circle-container:nth-child(138) { width: 8px; height: 8px; -webkit-animation-name: move-frames-138; animation-name: move-frames-138; -webkit-animation-duration: 36469ms; animation-duration: 36469ms; -webkit-animation-delay: 8465ms; animation-delay: 8465ms; } @-webkit-keyframes move-frames-138 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(89vw, -105vh, 0); transform: translate3d(89vw, -105vh, 0); } } @keyframes move-frames-138 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(89vw, -105vh, 0); transform: translate3d(89vw, -105vh, 0); } } .circle-container:nth-child(138) .circle { -webkit-animation-delay: 1736ms; animation-delay: 1736ms; } .circle-container:nth-child(139) { width: 6px; height: 6px; -webkit-animation-name: move-frames-139; animation-name: move-frames-139; -webkit-animation-duration: 36906ms; animation-duration: 36906ms; -webkit-animation-delay: 2455ms; animation-delay: 2455ms; } @-webkit-keyframes move-frames-139 { from { -webkit-transform: translate3d(60vw, 103vh, 0); transform: translate3d(60vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -128vh, 0); transform: translate3d(18vw, -128vh, 0); } } @keyframes move-frames-139 { from { -webkit-transform: translate3d(60vw, 103vh, 0); transform: translate3d(60vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -128vh, 0); transform: translate3d(18vw, -128vh, 0); } } .circle-container:nth-child(139) .circle { -webkit-animation-delay: 380ms; animation-delay: 380ms; } .circle-container:nth-child(140) { width: 1px; height: 1px; -webkit-animation-name: move-frames-140; animation-name: move-frames-140; -webkit-animation-duration: 33078ms; animation-duration: 33078ms; -webkit-animation-delay: 18198ms; animation-delay: 18198ms; } @-webkit-keyframes move-frames-140 { from { -webkit-transform: translate3d(41vw, 109vh, 0); transform: translate3d(41vw, 109vh, 0); } to { -webkit-transform: translate3d(69vw, -121vh, 0); transform: translate3d(69vw, -121vh, 0); } } @keyframes move-frames-140 { from { -webkit-transform: translate3d(41vw, 109vh, 0); transform: translate3d(41vw, 109vh, 0); } to { -webkit-transform: translate3d(69vw, -121vh, 0); transform: translate3d(69vw, -121vh, 0); } } .circle-container:nth-child(140) .circle { -webkit-animation-delay: 1329ms; animation-delay: 1329ms; } .circle-container:nth-child(141) { width: 1px; height: 1px; -webkit-animation-name: move-frames-141; animation-name: move-frames-141; -webkit-animation-duration: 35686ms; animation-duration: 35686ms; -webkit-animation-delay: 7357ms; animation-delay: 7357ms; } @-webkit-keyframes move-frames-141 { from { -webkit-transform: translate3d(57vw, 108vh, 0); transform: translate3d(57vw, 108vh, 0); } to { -webkit-transform: translate3d(90vw, -114vh, 0); transform: translate3d(90vw, -114vh, 0); } } @keyframes move-frames-141 { from { -webkit-transform: translate3d(57vw, 108vh, 0); transform: translate3d(57vw, 108vh, 0); } to { -webkit-transform: translate3d(90vw, -114vh, 0); transform: translate3d(90vw, -114vh, 0); } } .circle-container:nth-child(141) .circle { -webkit-animation-delay: 3038ms; animation-delay: 3038ms; } .circle-container:nth-child(142) { width: 1px; height: 1px; -webkit-animation-name: move-frames-142; animation-name: move-frames-142; -webkit-animation-duration: 29563ms; animation-duration: 29563ms; -webkit-animation-delay: 24750ms; animation-delay: 24750ms; } @-webkit-keyframes move-frames-142 { from { -webkit-transform: translate3d(20vw, 106vh, 0); transform: translate3d(20vw, 106vh, 0); } to { -webkit-transform: translate3d(7vw, -118vh, 0); transform: translate3d(7vw, -118vh, 0); } } @keyframes move-frames-142 { from { -webkit-transform: translate3d(20vw, 106vh, 0); transform: translate3d(20vw, 106vh, 0); } to { -webkit-transform: translate3d(7vw, -118vh, 0); transform: translate3d(7vw, -118vh, 0); } } .circle-container:nth-child(142) .circle { -webkit-animation-delay: 2411ms; animation-delay: 2411ms; } .circle-container:nth-child(143) { width: 4px; height: 4px; -webkit-animation-name: move-frames-143; animation-name: move-frames-143; -webkit-animation-duration: 34674ms; animation-duration: 34674ms; -webkit-animation-delay: 27588ms; animation-delay: 27588ms; } @-webkit-keyframes move-frames-143 { from { -webkit-transform: translate3d(6vw, 104vh, 0); transform: translate3d(6vw, 104vh, 0); } to { -webkit-transform: translate3d(48vw, -123vh, 0); transform: translate3d(48vw, -123vh, 0); } } @keyframes move-frames-143 { from { -webkit-transform: translate3d(6vw, 104vh, 0); transform: translate3d(6vw, 104vh, 0); } to { -webkit-transform: translate3d(48vw, -123vh, 0); transform: translate3d(48vw, -123vh, 0); } } .circle-container:nth-child(143) .circle { -webkit-animation-delay: 2488ms; animation-delay: 2488ms; } .circle-container:nth-child(144) { width: 5px; height: 5px; -webkit-animation-name: move-frames-144; animation-name: move-frames-144; -webkit-animation-duration: 31606ms; animation-duration: 31606ms; -webkit-animation-delay: 20432ms; animation-delay: 20432ms; } @-webkit-keyframes move-frames-144 { from { -webkit-transform: translate3d(68vw, 102vh, 0); transform: translate3d(68vw, 102vh, 0); } to { -webkit-transform: translate3d(11vw, -119vh, 0); transform: translate3d(11vw, -119vh, 0); } } @keyframes move-frames-144 { from { -webkit-transform: translate3d(68vw, 102vh, 0); transform: translate3d(68vw, 102vh, 0); } to { -webkit-transform: translate3d(11vw, -119vh, 0); transform: translate3d(11vw, -119vh, 0); } } .circle-container:nth-child(144) .circle { -webkit-animation-delay: 2756ms; animation-delay: 2756ms; } .circle-container:nth-child(145) { width: 8px; height: 8px; -webkit-animation-name: move-frames-145; animation-name: move-frames-145; -webkit-animation-duration: 35405ms; animation-duration: 35405ms; -webkit-animation-delay: 606ms; animation-delay: 606ms; } @-webkit-keyframes move-frames-145 { from { -webkit-transform: translate3d(66vw, 104vh, 0); transform: translate3d(66vw, 104vh, 0); } to { -webkit-transform: translate3d(61vw, -112vh, 0); transform: translate3d(61vw, -112vh, 0); } } @keyframes move-frames-145 { from { -webkit-transform: translate3d(66vw, 104vh, 0); transform: translate3d(66vw, 104vh, 0); } to { -webkit-transform: translate3d(61vw, -112vh, 0); transform: translate3d(61vw, -112vh, 0); } } .circle-container:nth-child(145) .circle { -webkit-animation-delay: 1932ms; animation-delay: 1932ms; } .circle-container:nth-child(146) { width: 1px; height: 1px; -webkit-animation-name: move-frames-146; animation-name: move-frames-146; -webkit-animation-duration: 32739ms; animation-duration: 32739ms; -webkit-animation-delay: 4738ms; animation-delay: 4738ms; } @-webkit-keyframes move-frames-146 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(22vw, -114vh, 0); transform: translate3d(22vw, -114vh, 0); } } @keyframes move-frames-146 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(22vw, -114vh, 0); transform: translate3d(22vw, -114vh, 0); } } .circle-container:nth-child(146) .circle { -webkit-animation-delay: 2081ms; animation-delay: 2081ms; } .circle-container:nth-child(147) { width: 7px; height: 7px; -webkit-animation-name: move-frames-147; animation-name: move-frames-147; -webkit-animation-duration: 30856ms; animation-duration: 30856ms; -webkit-animation-delay: 8010ms; animation-delay: 8010ms; } @-webkit-keyframes move-frames-147 { from { -webkit-transform: translate3d(53vw, 108vh, 0); transform: translate3d(53vw, 108vh, 0); } to { -webkit-transform: translate3d(19vw, -124vh, 0); transform: translate3d(19vw, -124vh, 0); } } @keyframes move-frames-147 { from { -webkit-transform: translate3d(53vw, 108vh, 0); transform: translate3d(53vw, 108vh, 0); } to { -webkit-transform: translate3d(19vw, -124vh, 0); transform: translate3d(19vw, -124vh, 0); } } .circle-container:nth-child(147) .circle { -webkit-animation-delay: 3426ms; animation-delay: 3426ms; } .circle-container:nth-child(148) { width: 5px; height: 5px; -webkit-animation-name: move-frames-148; animation-name: move-frames-148; -webkit-animation-duration: 29450ms; animation-duration: 29450ms; -webkit-animation-delay: 3249ms; animation-delay: 3249ms; } @-webkit-keyframes move-frames-148 { from { -webkit-transform: translate3d(33vw, 109vh, 0); transform: translate3d(33vw, 109vh, 0); } to { -webkit-transform: translate3d(53vw, -130vh, 0); transform: translate3d(53vw, -130vh, 0); } } @keyframes move-frames-148 { from { -webkit-transform: translate3d(33vw, 109vh, 0); transform: translate3d(33vw, 109vh, 0); } to { -webkit-transform: translate3d(53vw, -130vh, 0); transform: translate3d(53vw, -130vh, 0); } } .circle-container:nth-child(148) .circle { -webkit-animation-delay: 1855ms; animation-delay: 1855ms; } .circle-container:nth-child(149) { width: 6px; height: 6px; -webkit-animation-name: move-frames-149; animation-name: move-frames-149; -webkit-animation-duration: 28040ms; animation-duration: 28040ms; -webkit-animation-delay: 25381ms; animation-delay: 25381ms; } @-webkit-keyframes move-frames-149 { from { -webkit-transform: translate3d(83vw, 102vh, 0); transform: translate3d(83vw, 102vh, 0); } to { -webkit-transform: translate3d(19vw, -121vh, 0); transform: translate3d(19vw, -121vh, 0); } } @keyframes move-frames-149 { from { -webkit-transform: translate3d(83vw, 102vh, 0); transform: translate3d(83vw, 102vh, 0); } to { -webkit-transform: translate3d(19vw, -121vh, 0); transform: translate3d(19vw, -121vh, 0); } } .circle-container:nth-child(149) .circle { -webkit-animation-delay: 1690ms; animation-delay: 1690ms; } .circle-container:nth-child(150) { width: 5px; height: 5px; -webkit-animation-name: move-frames-150; animation-name: move-frames-150; -webkit-animation-duration: 34882ms; animation-duration: 34882ms; -webkit-animation-delay: 13865ms; animation-delay: 13865ms; } @-webkit-keyframes move-frames-150 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -136vh, 0); transform: translate3d(94vw, -136vh, 0); } } @keyframes move-frames-150 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -136vh, 0); transform: translate3d(94vw, -136vh, 0); } } .circle-container:nth-child(150) .circle { -webkit-animation-delay: 1889ms; animation-delay: 1889ms; } .circle-container:nth-child(151) { width: 8px; height: 8px; -webkit-animation-name: move-frames-151; animation-name: move-frames-151; -webkit-animation-duration: 34681ms; animation-duration: 34681ms; -webkit-animation-delay: 4116ms; animation-delay: 4116ms; } @-webkit-keyframes move-frames-151 { from { -webkit-transform: translate3d(95vw, 104vh, 0); transform: translate3d(95vw, 104vh, 0); } to { -webkit-transform: translate3d(20vw, -131vh, 0); transform: translate3d(20vw, -131vh, 0); } } @keyframes move-frames-151 { from { -webkit-transform: translate3d(95vw, 104vh, 0); transform: translate3d(95vw, 104vh, 0); } to { -webkit-transform: translate3d(20vw, -131vh, 0); transform: translate3d(20vw, -131vh, 0); } } .circle-container:nth-child(151) .circle { -webkit-animation-delay: 1313ms; animation-delay: 1313ms; } .circle-container:nth-child(152) { width: 6px; height: 6px; -webkit-animation-name: move-frames-152; animation-name: move-frames-152; -webkit-animation-duration: 31223ms; animation-duration: 31223ms; -webkit-animation-delay: 1908ms; animation-delay: 1908ms; } @-webkit-keyframes move-frames-152 { from { -webkit-transform: translate3d(50vw, 109vh, 0); transform: translate3d(50vw, 109vh, 0); } to { -webkit-transform: translate3d(19vw, -124vh, 0); transform: translate3d(19vw, -124vh, 0); } } @keyframes move-frames-152 { from { -webkit-transform: translate3d(50vw, 109vh, 0); transform: translate3d(50vw, 109vh, 0); } to { -webkit-transform: translate3d(19vw, -124vh, 0); transform: translate3d(19vw, -124vh, 0); } } .circle-container:nth-child(152) .circle { -webkit-animation-delay: 3860ms; animation-delay: 3860ms; } .circle-container:nth-child(153) { width: 1px; height: 1px; -webkit-animation-name: move-frames-153; animation-name: move-frames-153; -webkit-animation-duration: 29465ms; animation-duration: 29465ms; -webkit-animation-delay: 19921ms; animation-delay: 19921ms; } @-webkit-keyframes move-frames-153 { from { -webkit-transform: translate3d(7vw, 108vh, 0); transform: translate3d(7vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -113vh, 0); transform: translate3d(64vw, -113vh, 0); } } @keyframes move-frames-153 { from { -webkit-transform: translate3d(7vw, 108vh, 0); transform: translate3d(7vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -113vh, 0); transform: translate3d(64vw, -113vh, 0); } } .circle-container:nth-child(153) .circle { -webkit-animation-delay: 3718ms; animation-delay: 3718ms; } .circle-container:nth-child(154) { width: 1px; height: 1px; -webkit-animation-name: move-frames-154; animation-name: move-frames-154; -webkit-animation-duration: 35081ms; animation-duration: 35081ms; -webkit-animation-delay: 4674ms; animation-delay: 4674ms; } @-webkit-keyframes move-frames-154 { from { -webkit-transform: translate3d(98vw, 105vh, 0); transform: translate3d(98vw, 105vh, 0); } to { -webkit-transform: translate3d(10vw, -134vh, 0); transform: translate3d(10vw, -134vh, 0); } } @keyframes move-frames-154 { from { -webkit-transform: translate3d(98vw, 105vh, 0); transform: translate3d(98vw, 105vh, 0); } to { -webkit-transform: translate3d(10vw, -134vh, 0); transform: translate3d(10vw, -134vh, 0); } } .circle-container:nth-child(154) .circle { -webkit-animation-delay: 889ms; animation-delay: 889ms; } .circle-container:nth-child(155) { width: 1px; height: 1px; -webkit-animation-name: move-frames-155; animation-name: move-frames-155; -webkit-animation-duration: 31832ms; animation-duration: 31832ms; -webkit-animation-delay: 6988ms; animation-delay: 6988ms; } @-webkit-keyframes move-frames-155 { from { -webkit-transform: translate3d(61vw, 109vh, 0); transform: translate3d(61vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -117vh, 0); transform: translate3d(76vw, -117vh, 0); } } @keyframes move-frames-155 { from { -webkit-transform: translate3d(61vw, 109vh, 0); transform: translate3d(61vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -117vh, 0); transform: translate3d(76vw, -117vh, 0); } } .circle-container:nth-child(155) .circle { -webkit-animation-delay: 2368ms; animation-delay: 2368ms; } .circle-container:nth-child(156) { width: 8px; height: 8px; -webkit-animation-name: move-frames-156; animation-name: move-frames-156; -webkit-animation-duration: 30092ms; animation-duration: 30092ms; -webkit-animation-delay: 12033ms; animation-delay: 12033ms; } @-webkit-keyframes move-frames-156 { from { -webkit-transform: translate3d(30vw, 110vh, 0); transform: translate3d(30vw, 110vh, 0); } to { -webkit-transform: translate3d(81vw, -137vh, 0); transform: translate3d(81vw, -137vh, 0); } } @keyframes move-frames-156 { from { -webkit-transform: translate3d(30vw, 110vh, 0); transform: translate3d(30vw, 110vh, 0); } to { -webkit-transform: translate3d(81vw, -137vh, 0); transform: translate3d(81vw, -137vh, 0); } } .circle-container:nth-child(156) .circle { -webkit-animation-delay: 1473ms; animation-delay: 1473ms; } .circle-container:nth-child(157) { width: 4px; height: 4px; -webkit-animation-name: move-frames-157; animation-name: move-frames-157; -webkit-animation-duration: 34488ms; animation-duration: 34488ms; -webkit-animation-delay: 34570ms; animation-delay: 34570ms; } @-webkit-keyframes move-frames-157 { from { -webkit-transform: translate3d(19vw, 108vh, 0); transform: translate3d(19vw, 108vh, 0); } to { -webkit-transform: translate3d(24vw, -111vh, 0); transform: translate3d(24vw, -111vh, 0); } } @keyframes move-frames-157 { from { -webkit-transform: translate3d(19vw, 108vh, 0); transform: translate3d(19vw, 108vh, 0); } to { -webkit-transform: translate3d(24vw, -111vh, 0); transform: translate3d(24vw, -111vh, 0); } } .circle-container:nth-child(157) .circle { -webkit-animation-delay: 2756ms; animation-delay: 2756ms; } .circle-container:nth-child(158) { width: 5px; height: 5px; -webkit-animation-name: move-frames-158; animation-name: move-frames-158; -webkit-animation-duration: 30218ms; animation-duration: 30218ms; -webkit-animation-delay: 26346ms; animation-delay: 26346ms; } @-webkit-keyframes move-frames-158 { from { -webkit-transform: translate3d(92vw, 105vh, 0); transform: translate3d(92vw, 105vh, 0); } to { -webkit-transform: translate3d(85vw, -134vh, 0); transform: translate3d(85vw, -134vh, 0); } } @keyframes move-frames-158 { from { -webkit-transform: translate3d(92vw, 105vh, 0); transform: translate3d(92vw, 105vh, 0); } to { -webkit-transform: translate3d(85vw, -134vh, 0); transform: translate3d(85vw, -134vh, 0); } } .circle-container:nth-child(158) .circle { -webkit-animation-delay: 3642ms; animation-delay: 3642ms; } .circle-container:nth-child(159) { width: 8px; height: 8px; -webkit-animation-name: move-frames-159; animation-name: move-frames-159; -webkit-animation-duration: 35975ms; animation-duration: 35975ms; -webkit-animation-delay: 6476ms; animation-delay: 6476ms; } @-webkit-keyframes move-frames-159 { from { -webkit-transform: translate3d(84vw, 108vh, 0); transform: translate3d(84vw, 108vh, 0); } to { -webkit-transform: translate3d(31vw, -113vh, 0); transform: translate3d(31vw, -113vh, 0); } } @keyframes move-frames-159 { from { -webkit-transform: translate3d(84vw, 108vh, 0); transform: translate3d(84vw, 108vh, 0); } to { -webkit-transform: translate3d(31vw, -113vh, 0); transform: translate3d(31vw, -113vh, 0); } } .circle-container:nth-child(159) .circle { -webkit-animation-delay: 841ms; animation-delay: 841ms; } .circle-container:nth-child(160) { width: 4px; height: 4px; -webkit-animation-name: move-frames-160; animation-name: move-frames-160; -webkit-animation-duration: 32085ms; animation-duration: 32085ms; -webkit-animation-delay: 21369ms; animation-delay: 21369ms; } @-webkit-keyframes move-frames-160 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(23vw, -130vh, 0); transform: translate3d(23vw, -130vh, 0); } } @keyframes move-frames-160 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(23vw, -130vh, 0); transform: translate3d(23vw, -130vh, 0); } } .circle-container:nth-child(160) .circle { -webkit-animation-delay: 3236ms; animation-delay: 3236ms; } .circle-container:nth-child(161) { width: 5px; height: 5px; -webkit-animation-name: move-frames-161; animation-name: move-frames-161; -webkit-animation-duration: 28615ms; animation-duration: 28615ms; -webkit-animation-delay: 7296ms; animation-delay: 7296ms; } @-webkit-keyframes move-frames-161 { from { -webkit-transform: translate3d(54vw, 102vh, 0); transform: translate3d(54vw, 102vh, 0); } to { -webkit-transform: translate3d(87vw, -110vh, 0); transform: translate3d(87vw, -110vh, 0); } } @keyframes move-frames-161 { from { -webkit-transform: translate3d(54vw, 102vh, 0); transform: translate3d(54vw, 102vh, 0); } to { -webkit-transform: translate3d(87vw, -110vh, 0); transform: translate3d(87vw, -110vh, 0); } } .circle-container:nth-child(161) .circle { -webkit-animation-delay: 2930ms; animation-delay: 2930ms; } .circle-container:nth-child(162) { width: 5px; height: 5px; -webkit-animation-name: move-frames-162; animation-name: move-frames-162; -webkit-animation-duration: 34239ms; animation-duration: 34239ms; -webkit-animation-delay: 16999ms; animation-delay: 16999ms; } @-webkit-keyframes move-frames-162 { from { -webkit-transform: translate3d(49vw, 101vh, 0); transform: translate3d(49vw, 101vh, 0); } to { -webkit-transform: translate3d(75vw, -111vh, 0); transform: translate3d(75vw, -111vh, 0); } } @keyframes move-frames-162 { from { -webkit-transform: translate3d(49vw, 101vh, 0); transform: translate3d(49vw, 101vh, 0); } to { -webkit-transform: translate3d(75vw, -111vh, 0); transform: translate3d(75vw, -111vh, 0); } } .circle-container:nth-child(162) .circle { -webkit-animation-delay: 331ms; animation-delay: 331ms; } .circle-container:nth-child(163) { width: 5px; height: 5px; -webkit-animation-name: move-frames-163; animation-name: move-frames-163; -webkit-animation-duration: 36290ms; animation-duration: 36290ms; -webkit-animation-delay: 15438ms; animation-delay: 15438ms; } @-webkit-keyframes move-frames-163 { from { -webkit-transform: translate3d(11vw, 101vh, 0); transform: translate3d(11vw, 101vh, 0); } to { -webkit-transform: translate3d(42vw, -131vh, 0); transform: translate3d(42vw, -131vh, 0); } } @keyframes move-frames-163 { from { -webkit-transform: translate3d(11vw, 101vh, 0); transform: translate3d(11vw, 101vh, 0); } to { -webkit-transform: translate3d(42vw, -131vh, 0); transform: translate3d(42vw, -131vh, 0); } } .circle-container:nth-child(163) .circle { -webkit-animation-delay: 297ms; animation-delay: 297ms; } .circle-container:nth-child(164) { width: 4px; height: 4px; -webkit-animation-name: move-frames-164; animation-name: move-frames-164; -webkit-animation-duration: 32483ms; animation-duration: 32483ms; -webkit-animation-delay: 35204ms; animation-delay: 35204ms; } @-webkit-keyframes move-frames-164 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(2vw, -105vh, 0); transform: translate3d(2vw, -105vh, 0); } } @keyframes move-frames-164 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(2vw, -105vh, 0); transform: translate3d(2vw, -105vh, 0); } } .circle-container:nth-child(164) .circle { -webkit-animation-delay: 3695ms; animation-delay: 3695ms; } .circle-container:nth-child(165) { width: 8px; height: 8px; -webkit-animation-name: move-frames-165; animation-name: move-frames-165; -webkit-animation-duration: 31676ms; animation-duration: 31676ms; -webkit-animation-delay: 7247ms; animation-delay: 7247ms; } @-webkit-keyframes move-frames-165 { from { -webkit-transform: translate3d(39vw, 101vh, 0); transform: translate3d(39vw, 101vh, 0); } to { -webkit-transform: translate3d(72vw, -125vh, 0); transform: translate3d(72vw, -125vh, 0); } } @keyframes move-frames-165 { from { -webkit-transform: translate3d(39vw, 101vh, 0); transform: translate3d(39vw, 101vh, 0); } to { -webkit-transform: translate3d(72vw, -125vh, 0); transform: translate3d(72vw, -125vh, 0); } } .circle-container:nth-child(165) .circle { -webkit-animation-delay: 3928ms; animation-delay: 3928ms; } .circle-container:nth-child(166) { width: 4px; height: 4px; -webkit-animation-name: move-frames-166; animation-name: move-frames-166; -webkit-animation-duration: 31754ms; animation-duration: 31754ms; -webkit-animation-delay: 26938ms; animation-delay: 26938ms; } @-webkit-keyframes move-frames-166 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(4vw, -137vh, 0); transform: translate3d(4vw, -137vh, 0); } } @keyframes move-frames-166 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(4vw, -137vh, 0); transform: translate3d(4vw, -137vh, 0); } } .circle-container:nth-child(166) .circle { -webkit-animation-delay: 1103ms; animation-delay: 1103ms; } .circle-container:nth-child(167) { width: 7px; height: 7px; -webkit-animation-name: move-frames-167; animation-name: move-frames-167; -webkit-animation-duration: 28293ms; animation-duration: 28293ms; -webkit-animation-delay: 33720ms; animation-delay: 33720ms; } @-webkit-keyframes move-frames-167 { from { -webkit-transform: translate3d(63vw, 108vh, 0); transform: translate3d(63vw, 108vh, 0); } to { -webkit-transform: translate3d(8vw, -129vh, 0); transform: translate3d(8vw, -129vh, 0); } } @keyframes move-frames-167 { from { -webkit-transform: translate3d(63vw, 108vh, 0); transform: translate3d(63vw, 108vh, 0); } to { -webkit-transform: translate3d(8vw, -129vh, 0); transform: translate3d(8vw, -129vh, 0); } } .circle-container:nth-child(167) .circle { -webkit-animation-delay: 888ms; animation-delay: 888ms; } .circle-container:nth-child(168) { width: 7px; height: 7px; -webkit-animation-name: move-frames-168; animation-name: move-frames-168; -webkit-animation-duration: 36511ms; animation-duration: 36511ms; -webkit-animation-delay: 31439ms; animation-delay: 31439ms; } @-webkit-keyframes move-frames-168 { from { -webkit-transform: translate3d(80vw, 106vh, 0); transform: translate3d(80vw, 106vh, 0); } to { -webkit-transform: translate3d(18vw, -130vh, 0); transform: translate3d(18vw, -130vh, 0); } } @keyframes move-frames-168 { from { -webkit-transform: translate3d(80vw, 106vh, 0); transform: translate3d(80vw, 106vh, 0); } to { -webkit-transform: translate3d(18vw, -130vh, 0); transform: translate3d(18vw, -130vh, 0); } } .circle-container:nth-child(168) .circle { -webkit-animation-delay: 542ms; animation-delay: 542ms; } .circle-container:nth-child(169) { width: 6px; height: 6px; -webkit-animation-name: move-frames-169; animation-name: move-frames-169; -webkit-animation-duration: 35188ms; animation-duration: 35188ms; -webkit-animation-delay: 20641ms; animation-delay: 20641ms; } @-webkit-keyframes move-frames-169 { from { -webkit-transform: translate3d(93vw, 105vh, 0); transform: translate3d(93vw, 105vh, 0); } to { -webkit-transform: translate3d(33vw, -129vh, 0); transform: translate3d(33vw, -129vh, 0); } } @keyframes move-frames-169 { from { -webkit-transform: translate3d(93vw, 105vh, 0); transform: translate3d(93vw, 105vh, 0); } to { -webkit-transform: translate3d(33vw, -129vh, 0); transform: translate3d(33vw, -129vh, 0); } } .circle-container:nth-child(169) .circle { -webkit-animation-delay: 1109ms; animation-delay: 1109ms; } .circle-container:nth-child(170) { width: 2px; height: 2px; -webkit-animation-name: move-frames-170; animation-name: move-frames-170; -webkit-animation-duration: 29140ms; animation-duration: 29140ms; -webkit-animation-delay: 4565ms; animation-delay: 4565ms; } @-webkit-keyframes move-frames-170 { from { -webkit-transform: translate3d(74vw, 103vh, 0); transform: translate3d(74vw, 103vh, 0); } to { -webkit-transform: translate3d(58vw, -110vh, 0); transform: translate3d(58vw, -110vh, 0); } } @keyframes move-frames-170 { from { -webkit-transform: translate3d(74vw, 103vh, 0); transform: translate3d(74vw, 103vh, 0); } to { -webkit-transform: translate3d(58vw, -110vh, 0); transform: translate3d(58vw, -110vh, 0); } } .circle-container:nth-child(170) .circle { -webkit-animation-delay: 2020ms; animation-delay: 2020ms; } .circle-container:nth-child(171) { width: 2px; height: 2px; -webkit-animation-name: move-frames-171; animation-name: move-frames-171; -webkit-animation-duration: 35208ms; animation-duration: 35208ms; -webkit-animation-delay: 19034ms; animation-delay: 19034ms; } @-webkit-keyframes move-frames-171 { from { -webkit-transform: translate3d(29vw, 105vh, 0); transform: translate3d(29vw, 105vh, 0); } to { -webkit-transform: translate3d(52vw, -106vh, 0); transform: translate3d(52vw, -106vh, 0); } } @keyframes move-frames-171 { from { -webkit-transform: translate3d(29vw, 105vh, 0); transform: translate3d(29vw, 105vh, 0); } to { -webkit-transform: translate3d(52vw, -106vh, 0); transform: translate3d(52vw, -106vh, 0); } } .circle-container:nth-child(171) .circle { -webkit-animation-delay: 3155ms; animation-delay: 3155ms; } .circle-container:nth-child(172) { width: 2px; height: 2px; -webkit-animation-name: move-frames-172; animation-name: move-frames-172; -webkit-animation-duration: 34688ms; animation-duration: 34688ms; -webkit-animation-delay: 22855ms; animation-delay: 22855ms; } @-webkit-keyframes move-frames-172 { from { -webkit-transform: translate3d(11vw, 103vh, 0); transform: translate3d(11vw, 103vh, 0); } to { -webkit-transform: translate3d(17vw, -107vh, 0); transform: translate3d(17vw, -107vh, 0); } } @keyframes move-frames-172 { from { -webkit-transform: translate3d(11vw, 103vh, 0); transform: translate3d(11vw, 103vh, 0); } to { -webkit-transform: translate3d(17vw, -107vh, 0); transform: translate3d(17vw, -107vh, 0); } } .circle-container:nth-child(172) .circle { -webkit-animation-delay: 182ms; animation-delay: 182ms; } .circle-container:nth-child(173) { width: 2px; height: 2px; -webkit-animation-name: move-frames-173; animation-name: move-frames-173; -webkit-animation-duration: 35530ms; animation-duration: 35530ms; -webkit-animation-delay: 15064ms; animation-delay: 15064ms; } @-webkit-keyframes move-frames-173 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(24vw, -133vh, 0); transform: translate3d(24vw, -133vh, 0); } } @keyframes move-frames-173 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(24vw, -133vh, 0); transform: translate3d(24vw, -133vh, 0); } } .circle-container:nth-child(173) .circle { -webkit-animation-delay: 746ms; animation-delay: 746ms; } .circle-container:nth-child(174) { width: 4px; height: 4px; -webkit-animation-name: move-frames-174; animation-name: move-frames-174; -webkit-animation-duration: 30798ms; animation-duration: 30798ms; -webkit-animation-delay: 10565ms; animation-delay: 10565ms; } @-webkit-keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 101vh, 0); transform: translate3d(96vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -107vh, 0); transform: translate3d(21vw, -107vh, 0); } } @keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 101vh, 0); transform: translate3d(96vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -107vh, 0); transform: translate3d(21vw, -107vh, 0); } } .circle-container:nth-child(174) .circle { -webkit-animation-delay: 628ms; animation-delay: 628ms; } .circle-container:nth-child(175) { width: 7px; height: 7px; -webkit-animation-name: move-frames-175; animation-name: move-frames-175; -webkit-animation-duration: 32413ms; animation-duration: 32413ms; -webkit-animation-delay: 7743ms; animation-delay: 7743ms; } @-webkit-keyframes move-frames-175 { from { -webkit-transform: translate3d(61vw, 101vh, 0); transform: translate3d(61vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } @keyframes move-frames-175 { from { -webkit-transform: translate3d(61vw, 101vh, 0); transform: translate3d(61vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } .circle-container:nth-child(175) .circle { -webkit-animation-delay: 3824ms; animation-delay: 3824ms; } .circle-container:nth-child(176) { width: 6px; height: 6px; -webkit-animation-name: move-frames-176; animation-name: move-frames-176; -webkit-animation-duration: 35995ms; animation-duration: 35995ms; -webkit-animation-delay: 31645ms; animation-delay: 31645ms; } @-webkit-keyframes move-frames-176 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } @keyframes move-frames-176 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } .circle-container:nth-child(176) .circle { -webkit-animation-delay: 3285ms; animation-delay: 3285ms; } .circle-container:nth-child(177) { width: 3px; height: 3px; -webkit-animation-name: move-frames-177; animation-name: move-frames-177; -webkit-animation-duration: 30223ms; animation-duration: 30223ms; -webkit-animation-delay: 12295ms; animation-delay: 12295ms; } @-webkit-keyframes move-frames-177 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -134vh, 0); transform: translate3d(22vw, -134vh, 0); } } @keyframes move-frames-177 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -134vh, 0); transform: translate3d(22vw, -134vh, 0); } } .circle-container:nth-child(177) .circle { -webkit-animation-delay: 528ms; animation-delay: 528ms; } .circle-container:nth-child(178) { width: 1px; height: 1px; -webkit-animation-name: move-frames-178; animation-name: move-frames-178; -webkit-animation-duration: 31980ms; animation-duration: 31980ms; -webkit-animation-delay: 6697ms; animation-delay: 6697ms; } @-webkit-keyframes move-frames-178 { from { -webkit-transform: translate3d(54vw, 103vh, 0); transform: translate3d(54vw, 103vh, 0); } to { -webkit-transform: translate3d(44vw, -110vh, 0); transform: translate3d(44vw, -110vh, 0); } } @keyframes move-frames-178 { from { -webkit-transform: translate3d(54vw, 103vh, 0); transform: translate3d(54vw, 103vh, 0); } to { -webkit-transform: translate3d(44vw, -110vh, 0); transform: translate3d(44vw, -110vh, 0); } } .circle-container:nth-child(178) .circle { -webkit-animation-delay: 3906ms; animation-delay: 3906ms; } .circle-container:nth-child(179) { width: 8px; height: 8px; -webkit-animation-name: move-frames-179; animation-name: move-frames-179; -webkit-animation-duration: 28125ms; animation-duration: 28125ms; -webkit-animation-delay: 393ms; animation-delay: 393ms; } @-webkit-keyframes move-frames-179 { from { -webkit-transform: translate3d(51vw, 101vh, 0); transform: translate3d(51vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -126vh, 0); transform: translate3d(65vw, -126vh, 0); } } @keyframes move-frames-179 { from { -webkit-transform: translate3d(51vw, 101vh, 0); transform: translate3d(51vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -126vh, 0); transform: translate3d(65vw, -126vh, 0); } } .circle-container:nth-child(179) .circle { -webkit-animation-delay: 3810ms; animation-delay: 3810ms; } .circle-container:nth-child(180) { width: 5px; height: 5px; -webkit-animation-name: move-frames-180; animation-name: move-frames-180; -webkit-animation-duration: 35513ms; animation-duration: 35513ms; -webkit-animation-delay: 14750ms; animation-delay: 14750ms; } @-webkit-keyframes move-frames-180 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-180 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(180) .circle { -webkit-animation-delay: 3478ms; animation-delay: 3478ms; } .circle-container:nth-child(181) { width: 2px; height: 2px; -webkit-animation-name: move-frames-181; animation-name: move-frames-181; -webkit-animation-duration: 28686ms; animation-duration: 28686ms; -webkit-animation-delay: 15220ms; animation-delay: 15220ms; } @-webkit-keyframes move-frames-181 { from { -webkit-transform: translate3d(47vw, 101vh, 0); transform: translate3d(47vw, 101vh, 0); } to { -webkit-transform: translate3d(41vw, -118vh, 0); transform: translate3d(41vw, -118vh, 0); } } @keyframes move-frames-181 { from { -webkit-transform: translate3d(47vw, 101vh, 0); transform: translate3d(47vw, 101vh, 0); } to { -webkit-transform: translate3d(41vw, -118vh, 0); transform: translate3d(41vw, -118vh, 0); } } .circle-container:nth-child(181) .circle { -webkit-animation-delay: 1534ms; animation-delay: 1534ms; } .circle-container:nth-child(182) { width: 4px; height: 4px; -webkit-animation-name: move-frames-182; animation-name: move-frames-182; -webkit-animation-duration: 34052ms; animation-duration: 34052ms; -webkit-animation-delay: 21451ms; animation-delay: 21451ms; } @-webkit-keyframes move-frames-182 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(13vw, -110vh, 0); transform: translate3d(13vw, -110vh, 0); } } @keyframes move-frames-182 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(13vw, -110vh, 0); transform: translate3d(13vw, -110vh, 0); } } .circle-container:nth-child(182) .circle { -webkit-animation-delay: 341ms; animation-delay: 341ms; } .circle-container:nth-child(183) { width: 7px; height: 7px; -webkit-animation-name: move-frames-183; animation-name: move-frames-183; -webkit-animation-duration: 35020ms; animation-duration: 35020ms; -webkit-animation-delay: 22543ms; animation-delay: 22543ms; } @-webkit-keyframes move-frames-183 { from { -webkit-transform: translate3d(86vw, 104vh, 0); transform: translate3d(86vw, 104vh, 0); } to { -webkit-transform: translate3d(3vw, -114vh, 0); transform: translate3d(3vw, -114vh, 0); } } @keyframes move-frames-183 { from { -webkit-transform: translate3d(86vw, 104vh, 0); transform: translate3d(86vw, 104vh, 0); } to { -webkit-transform: translate3d(3vw, -114vh, 0); transform: translate3d(3vw, -114vh, 0); } } .circle-container:nth-child(183) .circle { -webkit-animation-delay: 1655ms; animation-delay: 1655ms; } .circle-container:nth-child(184) { width: 5px; height: 5px; -webkit-animation-name: move-frames-184; animation-name: move-frames-184; -webkit-animation-duration: 28495ms; animation-duration: 28495ms; -webkit-animation-delay: 13193ms; animation-delay: 13193ms; } @-webkit-keyframes move-frames-184 { from { -webkit-transform: translate3d(85vw, 104vh, 0); transform: translate3d(85vw, 104vh, 0); } to { -webkit-transform: translate3d(34vw, -121vh, 0); transform: translate3d(34vw, -121vh, 0); } } @keyframes move-frames-184 { from { -webkit-transform: translate3d(85vw, 104vh, 0); transform: translate3d(85vw, 104vh, 0); } to { -webkit-transform: translate3d(34vw, -121vh, 0); transform: translate3d(34vw, -121vh, 0); } } .circle-container:nth-child(184) .circle { -webkit-animation-delay: 2548ms; animation-delay: 2548ms; } .circle-container:nth-child(185) { width: 6px; height: 6px; -webkit-animation-name: move-frames-185; animation-name: move-frames-185; -webkit-animation-duration: 32525ms; animation-duration: 32525ms; -webkit-animation-delay: 33426ms; animation-delay: 33426ms; } @-webkit-keyframes move-frames-185 { from { -webkit-transform: translate3d(88vw, 107vh, 0); transform: translate3d(88vw, 107vh, 0); } to { -webkit-transform: translate3d(1vw, -123vh, 0); transform: translate3d(1vw, -123vh, 0); } } @keyframes move-frames-185 { from { -webkit-transform: translate3d(88vw, 107vh, 0); transform: translate3d(88vw, 107vh, 0); } to { -webkit-transform: translate3d(1vw, -123vh, 0); transform: translate3d(1vw, -123vh, 0); } } .circle-container:nth-child(185) .circle { -webkit-animation-delay: 1683ms; animation-delay: 1683ms; } .circle-container:nth-child(186) { width: 3px; height: 3px; -webkit-animation-name: move-frames-186; animation-name: move-frames-186; -webkit-animation-duration: 32913ms; animation-duration: 32913ms; -webkit-animation-delay: 27622ms; animation-delay: 27622ms; } @-webkit-keyframes move-frames-186 { from { -webkit-transform: translate3d(60vw, 104vh, 0); transform: translate3d(60vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -112vh, 0); transform: translate3d(6vw, -112vh, 0); } } @keyframes move-frames-186 { from { -webkit-transform: translate3d(60vw, 104vh, 0); transform: translate3d(60vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -112vh, 0); transform: translate3d(6vw, -112vh, 0); } } .circle-container:nth-child(186) .circle { -webkit-animation-delay: 2101ms; animation-delay: 2101ms; } .circle-container:nth-child(187) { width: 1px; height: 1px; -webkit-animation-name: move-frames-187; animation-name: move-frames-187; -webkit-animation-duration: 28143ms; animation-duration: 28143ms; -webkit-animation-delay: 23612ms; animation-delay: 23612ms; } @-webkit-keyframes move-frames-187 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(22vw, -121vh, 0); transform: translate3d(22vw, -121vh, 0); } } @keyframes move-frames-187 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(22vw, -121vh, 0); transform: translate3d(22vw, -121vh, 0); } } .circle-container:nth-child(187) .circle { -webkit-animation-delay: 1522ms; animation-delay: 1522ms; } .circle-container:nth-child(188) { width: 6px; height: 6px; -webkit-animation-name: move-frames-188; animation-name: move-frames-188; -webkit-animation-duration: 31045ms; animation-duration: 31045ms; -webkit-animation-delay: 9811ms; animation-delay: 9811ms; } @-webkit-keyframes move-frames-188 { from { -webkit-transform: translate3d(94vw, 107vh, 0); transform: translate3d(94vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -119vh, 0); transform: translate3d(94vw, -119vh, 0); } } @keyframes move-frames-188 { from { -webkit-transform: translate3d(94vw, 107vh, 0); transform: translate3d(94vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -119vh, 0); transform: translate3d(94vw, -119vh, 0); } } .circle-container:nth-child(188) .circle { -webkit-animation-delay: 2901ms; animation-delay: 2901ms; } .circle-container:nth-child(189) { width: 2px; height: 2px; -webkit-animation-name: move-frames-189; animation-name: move-frames-189; -webkit-animation-duration: 33462ms; animation-duration: 33462ms; -webkit-animation-delay: 16856ms; animation-delay: 16856ms; } @-webkit-keyframes move-frames-189 { from { -webkit-transform: translate3d(32vw, 109vh, 0); transform: translate3d(32vw, 109vh, 0); } to { -webkit-transform: translate3d(89vw, -124vh, 0); transform: translate3d(89vw, -124vh, 0); } } @keyframes move-frames-189 { from { -webkit-transform: translate3d(32vw, 109vh, 0); transform: translate3d(32vw, 109vh, 0); } to { -webkit-transform: translate3d(89vw, -124vh, 0); transform: translate3d(89vw, -124vh, 0); } } .circle-container:nth-child(189) .circle { -webkit-animation-delay: 3381ms; animation-delay: 3381ms; } .circle-container:nth-child(190) { width: 5px; height: 5px; -webkit-animation-name: move-frames-190; animation-name: move-frames-190; -webkit-animation-duration: 28018ms; animation-duration: 28018ms; -webkit-animation-delay: 18186ms; animation-delay: 18186ms; } @-webkit-keyframes move-frames-190 { from { -webkit-transform: translate3d(80vw, 101vh, 0); transform: translate3d(80vw, 101vh, 0); } to { -webkit-transform: translate3d(4vw, -103vh, 0); transform: translate3d(4vw, -103vh, 0); } } @keyframes move-frames-190 { from { -webkit-transform: translate3d(80vw, 101vh, 0); transform: translate3d(80vw, 101vh, 0); } to { -webkit-transform: translate3d(4vw, -103vh, 0); transform: translate3d(4vw, -103vh, 0); } } .circle-container:nth-child(190) .circle { -webkit-animation-delay: 2798ms; animation-delay: 2798ms; } .circle-container:nth-child(191) { width: 4px; height: 4px; -webkit-animation-name: move-frames-191; animation-name: move-frames-191; -webkit-animation-duration: 30345ms; animation-duration: 30345ms; -webkit-animation-delay: 3868ms; animation-delay: 3868ms; } @-webkit-keyframes move-frames-191 { from { -webkit-transform: translate3d(6vw, 101vh, 0); transform: translate3d(6vw, 101vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } @keyframes move-frames-191 { from { -webkit-transform: translate3d(6vw, 101vh, 0); transform: translate3d(6vw, 101vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } .circle-container:nth-child(191) .circle { -webkit-animation-delay: 1578ms; animation-delay: 1578ms; } .circle-container:nth-child(192) { width: 7px; height: 7px; -webkit-animation-name: move-frames-192; animation-name: move-frames-192; -webkit-animation-duration: 30643ms; animation-duration: 30643ms; -webkit-animation-delay: 2612ms; animation-delay: 2612ms; } @-webkit-keyframes move-frames-192 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(99vw, -111vh, 0); transform: translate3d(99vw, -111vh, 0); } } @keyframes move-frames-192 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(99vw, -111vh, 0); transform: translate3d(99vw, -111vh, 0); } } .circle-container:nth-child(192) .circle { -webkit-animation-delay: 3411ms; animation-delay: 3411ms; } .circle-container:nth-child(193) { width: 5px; height: 5px; -webkit-animation-name: move-frames-193; animation-name: move-frames-193; -webkit-animation-duration: 31275ms; animation-duration: 31275ms; -webkit-animation-delay: 33141ms; animation-delay: 33141ms; } @-webkit-keyframes move-frames-193 { from { -webkit-transform: translate3d(35vw, 105vh, 0); transform: translate3d(35vw, 105vh, 0); } to { -webkit-transform: translate3d(40vw, -110vh, 0); transform: translate3d(40vw, -110vh, 0); } } @keyframes move-frames-193 { from { -webkit-transform: translate3d(35vw, 105vh, 0); transform: translate3d(35vw, 105vh, 0); } to { -webkit-transform: translate3d(40vw, -110vh, 0); transform: translate3d(40vw, -110vh, 0); } } .circle-container:nth-child(193) .circle { -webkit-animation-delay: 3883ms; animation-delay: 3883ms; } .circle-container:nth-child(194) { width: 7px; height: 7px; -webkit-animation-name: move-frames-194; animation-name: move-frames-194; -webkit-animation-duration: 30900ms; animation-duration: 30900ms; -webkit-animation-delay: 15306ms; animation-delay: 15306ms; } @-webkit-keyframes move-frames-194 { from { -webkit-transform: translate3d(94vw, 103vh, 0); transform: translate3d(94vw, 103vh, 0); } to { -webkit-transform: translate3d(70vw, -106vh, 0); transform: translate3d(70vw, -106vh, 0); } } @keyframes move-frames-194 { from { -webkit-transform: translate3d(94vw, 103vh, 0); transform: translate3d(94vw, 103vh, 0); } to { -webkit-transform: translate3d(70vw, -106vh, 0); transform: translate3d(70vw, -106vh, 0); } } .circle-container:nth-child(194) .circle { -webkit-animation-delay: 73ms; animation-delay: 73ms; } .circle-container:nth-child(195) { width: 2px; height: 2px; -webkit-animation-name: move-frames-195; animation-name: move-frames-195; -webkit-animation-duration: 35810ms; animation-duration: 35810ms; -webkit-animation-delay: 6262ms; animation-delay: 6262ms; } @-webkit-keyframes move-frames-195 { from { -webkit-transform: translate3d(59vw, 101vh, 0); transform: translate3d(59vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -112vh, 0); transform: translate3d(48vw, -112vh, 0); } } @keyframes move-frames-195 { from { -webkit-transform: translate3d(59vw, 101vh, 0); transform: translate3d(59vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -112vh, 0); transform: translate3d(48vw, -112vh, 0); } } .circle-container:nth-child(195) .circle { -webkit-animation-delay: 1690ms; animation-delay: 1690ms; } .circle-container:nth-child(196) { width: 1px; height: 1px; -webkit-animation-name: move-frames-196; animation-name: move-frames-196; -webkit-animation-duration: 28997ms; animation-duration: 28997ms; -webkit-animation-delay: 16709ms; animation-delay: 16709ms; } @-webkit-keyframes move-frames-196 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -120vh, 0); transform: translate3d(88vw, -120vh, 0); } } @keyframes move-frames-196 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -120vh, 0); transform: translate3d(88vw, -120vh, 0); } } .circle-container:nth-child(196) .circle { -webkit-animation-delay: 1467ms; animation-delay: 1467ms; } .circle-container:nth-child(197) { width: 7px; height: 7px; -webkit-animation-name: move-frames-197; animation-name: move-frames-197; -webkit-animation-duration: 32342ms; animation-duration: 32342ms; -webkit-animation-delay: 19213ms; animation-delay: 19213ms; } @-webkit-keyframes move-frames-197 { from { -webkit-transform: translate3d(75vw, 103vh, 0); transform: translate3d(75vw, 103vh, 0); } to { -webkit-transform: translate3d(71vw, -133vh, 0); transform: translate3d(71vw, -133vh, 0); } } @keyframes move-frames-197 { from { -webkit-transform: translate3d(75vw, 103vh, 0); transform: translate3d(75vw, 103vh, 0); } to { -webkit-transform: translate3d(71vw, -133vh, 0); transform: translate3d(71vw, -133vh, 0); } } .circle-container:nth-child(197) .circle { -webkit-animation-delay: 3306ms; animation-delay: 3306ms; } .circle-container:nth-child(198) { width: 5px; height: 5px; -webkit-animation-name: move-frames-198; animation-name: move-frames-198; -webkit-animation-duration: 32341ms; animation-duration: 32341ms; -webkit-animation-delay: 4818ms; animation-delay: 4818ms; } @-webkit-keyframes move-frames-198 { from { -webkit-transform: translate3d(58vw, 110vh, 0); transform: translate3d(58vw, 110vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } @keyframes move-frames-198 { from { -webkit-transform: translate3d(58vw, 110vh, 0); transform: translate3d(58vw, 110vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } .circle-container:nth-child(198) .circle { -webkit-animation-delay: 640ms; animation-delay: 640ms; } .circle-container:nth-child(199) { width: 8px; height: 8px; -webkit-animation-name: move-frames-199; animation-name: move-frames-199; -webkit-animation-duration: 36947ms; animation-duration: 36947ms; -webkit-animation-delay: 5505ms; animation-delay: 5505ms; } @-webkit-keyframes move-frames-199 { from { -webkit-transform: translate3d(15vw, 105vh, 0); transform: translate3d(15vw, 105vh, 0); } to { -webkit-transform: translate3d(89vw, -111vh, 0); transform: translate3d(89vw, -111vh, 0); } } @keyframes move-frames-199 { from { -webkit-transform: translate3d(15vw, 105vh, 0); transform: translate3d(15vw, 105vh, 0); } to { -webkit-transform: translate3d(89vw, -111vh, 0); transform: translate3d(89vw, -111vh, 0); } } .circle-container:nth-child(199) .circle { -webkit-animation-delay: 307ms; animation-delay: 307ms; } .circle-container:nth-child(200) { width: 7px; height: 7px; -webkit-animation-name: move-frames-200; animation-name: move-frames-200; -webkit-animation-duration: 29388ms; animation-duration: 29388ms; -webkit-animation-delay: 27347ms; animation-delay: 27347ms; } @-webkit-keyframes move-frames-200 { from { -webkit-transform: translate3d(63vw, 102vh, 0); transform: translate3d(63vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -110vh, 0); transform: translate3d(43vw, -110vh, 0); } } @keyframes move-frames-200 { from { -webkit-transform: translate3d(63vw, 102vh, 0); transform: translate3d(63vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -110vh, 0); transform: translate3d(43vw, -110vh, 0); } } .circle-container:nth-child(200) .circle { -webkit-animation-delay: 3476ms; animation-delay: 3476ms; } .message { position: absolute; right: 20px; bottom: 10px; color: white; font-family: "Josefin Slab", serif; line-height: 27px; font-size: 18px; text-align: right; pointer-events: none; -webkit-animation: message-frames 1.5s ease 5s forwards; animation: message-frames 1.5s ease 5s forwards; opacity: 0; } @-webkit-keyframes message-frames { from { opacity: 0; } to { opacity: 1; } } @keyframes message-frames { from { opacity: 0; } to { opacity: 1; } }