body {
  font-family: 'Titre1', sans-serif;
  margin: 0;

  background: black;
  
  background: linear-gradient(45deg, #000000, rgb(0,29,49), rgb(0,29,49), #000000);
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
  
}

a {
font-family: 'Titre3', sans-serif;
text-decoration: none;
}

.hr {
height: 3vh;
width: 100%;
background-color: rgba(0, 0, 0, 0.153); /* Couleur de fond avec une transparence de 50% */

-webkit-backdrop-filter: blur(0px); /* Flou du fond - ajustez la valeur selon vos préférences */
backdrop-filter: blur(10px); /* Flou du fond - ajustez la valeur selon vos préférences */
}

@keyframes gradient {
0%, 100% {
    background-position: bottom left;
}
25% {

    background-position: top left;
}
50% {
    background-position: top right;
}
}

@font-face {
font-family: 'Titre1';
src: url('Arkhip_font.ttf');
}
@font-face {
font-family: 'Titre2';
src: url('CooperBits.ttf');
}
@font-face {
  font-family: 'Titre3';
  src: url('HFHourglass.ttf');
  }
  



.titre,.titre2,.titre3 {
  font-size: 6em;
}
@media (max-width: 576px) {
.titre,.titre2,.titre3 {
font-size: 2em; 
}
}

.titre {
  color: #ffffff;
  font-family: 'Titre1', sans-serif;
 
}


.titre3 {
color: #ffffff;
font-family: 'Titre3', sans-serif;

}


.titre2 {
color: white;
font-family: 'Titre2', sans-serif; /* Assurez-vous que le nom de la police correspond */
}
.info {
margin-top: -8vh;
}

a {
color: #fff;
}

.leftmenu {
position: fixed;
top: calc(50% - 130px);
left: 0;
z-index: 9;
}

.leftmenu__item {
max-width: 56px;
max-height: 56px;
height: 56px;
margin: 3px 0;
display: block;
background-color: #ffffff;
border: 3px solid rgb(0, 0, 132);
display: flex;
align-items: center;
transition: all 0.4s ease-in-out;
}

.leftmenu__item span {
display: inline-block;
}

.leftmenu__item span.title {
text-transform: uppercase;
color: #000;
font-size: 0.8092857143rem;
max-width: 0;
overflow: hidden;
white-space: nowrap;
transition: all 0.4s ease-in-out;
}

.leftmenu__item span.icon {
text-align: center;
width: 56px;
min-width: 56px;
}

.leftmenu__item span.icon img {
width: 70%;
}

.leftmenu__item:hover {
max-width: 100%;
min-width: 100%;
}

.leftmenu__item:hover span.title {
padding: 0 10px;
max-width: 100%;
}

.tec1 {


border-radius: 50px;
border: 2px solid black;
background-color: #e4e4e4;

background: linear-gradient(135deg, #000000, #00296a, #003fa5);
box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px #156cd0, 
12px 10px 0px 10px #1a4384, 
15px 14px 0px 10px #000758,


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 

}
.tec2 {


border-radius: 50px;
border: 2px solid black;


background-color: #e4e4e4;

background: linear-gradient(200deg, #000000, #00296a, #003fa5);
box-shadow: 
-3px 0px 0px 0px rgba(0, 0, 0, 0.1),
-6px 0px 0px 0px rgba(0, 0, 0, 0.1),
-9px 0px 0px 0px rgba(0, 0, 0, 0.1),
-12px 0px 0px 0px rgba(0, 0, 0, 0.1),
-15px 0px 0px 0px rgba(0, 0, 0, 0.1),
-18px 0px 0px 0px rgba(118, 118, 118, 0.1),
-21px 10px 0px 0px #156cd0,
-10px 12px 0px 10px #1a4384,
-14px 15px 0px 10px #000758,
-5px 15px 15px 5px rgba(0, 11, 255, 0),
0px 10px 10px 10px rgba(0, 0, 0, 0.5);
}
.tec3 {


border-radius: 50px;
border: 2px solid black;
background-color: #e4e4e4;

background: linear-gradient(25deg, #000000, #00296a, #003fa5);
box-shadow: 
-3px 0px 0px 0px rgba(0, 0, 0, 0.1),
-6px 0px 0px 0px rgba(0, 0, 0, 0.1),
-9px 0px 0px 0px rgba(0, 0, 0, 0.1),
-12px 0px 0px 0px rgba(0, 0, 0, 0.1),
-15px 0px 0px 0px rgba(0, 0, 0, 0.1),
-18px 0px 0px 0px rgba(118, 118, 118, 0.1),
21px -10px 0px 0px #156cd0,
10px -12px 0px 10px #1a4384,
14px -15px 0px 10px #000758,
5px -15px 15px 5px rgba(0, 11, 255, 0),
0px -10px 10px 10px rgba(0, 0, 0, 0.5)
}

.tec4 {

border-radius: 50px;
border: 2px solid black;
background-color: #e4e4e4;

background: linear-gradient(320deg, #000000, #00296a, #003fa5);
box-shadow: 
3px 0px 0px 0px rgba(0, 0, 0, 0.1),
6px 0px 0px 0px rgba(0, 0, 0, 0.1),
9px 0px 0px 0px rgba(0, 0, 0, 0.1),
12px 0px 0px 0px rgba(0, 0, 0, 0.1),
15px 0px 0px 0px rgba(0, 0, 0, 0.1),
18px 0px 0px 0px rgba(118, 118, 118, 0.1),
-21px -10px 0px 0px #156cd0,
-10px -12px 0px 10px #1a4384,
-14px -15px 0px 10px #000758,
-5px -15px 15px 5px rgba(0, 11, 255, 0),
0px -10px 10px 10px rgba(0, 0, 0, 0.5);
}

.techno {
 
 
 

  color: white; 

  
}




.flag-container {
  position: fixed;
  top: 2%;
  right: 3%;
  display: flex;
  align-items: center;
  z-index: 99;
}

.flag {
  width: 30px;
  margin-left: 10px;
  border:2px solid white;
}

.propos {
  border-radius: 50px;
}
article {
  color:#008b92;
  
}



.dataFlow {

  box-shadow: 0px 0px 11px 11px #000000;
  background-color: #000000;
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598), linear-gradient(#19A598, #19A598);
  background-repeat: no-repeat;
  background-size: 3% 0.6%;
  -webkit-animation: lft-rght 100s infinite linear;
          animation: lft-rght 100s infinite linear;
}

@-webkit-keyframes lft-rght {
  0% {
    background-position: 5% 39%, 70% 33%, 79% 13%, 60% 74%, 124% 3%, 34% 61%, 16% 28%, 35% 2%, 45% 83%, 17% 23%, -9% 86%, 31% 81%, 5% 98%, 117% 50%, 92% 4%;
  }
  1% {
    background-position: 107% 39%, 120% 33%, 67% 13%, 113% 74%, -9% 3%, 116% 61%, -23% 28%, 17% 2%, -12% 83%, 107% 23%, 88% 86%, 87% 81%, 1% 98%, 57% 50%, 110% 4%;
  }
  2% {
    background-position: 22% 39%, 0% 33%, 78% 13%, 122% 74%, 59% 3%, 75% 61%, 97% 28%, 74% 2%, -16% 83%, 93% 23%, 60% 86%, 122% 81%, 55% 98%, -13% 50%, 96% 4%;
  }
  3% {
    background-position: 59% 39%, 86% 33%, 5% 13%, 56% 74%, 11% 3%, 26% 61%, 108% 28%, 111% 2%, 113% 83%, 86% 23%, 117% 86%, 123% 81%, 92% 98%, 75% 50%, 18% 4%;
  }
  4% {
    background-position: 19% 39%, 57% 33%, -15% 13%, 76% 74%, 13% 3%, 42% 61%, 75% 28%, 58% 2%, 123% 83%, 73% 23%, 55% 86%, 111% 81%, -3% 98%, 40% 50%, -1% 4%;
  }
  5% {
    background-position: 25% 39%, 47% 33%, 67% 13%, 70% 74%, 111% 3%, 65% 61%, 108% 28%, 40% 2%, 113% 83%, 66% 23%, 64% 86%, 77% 81%, 69% 98%, 108% 50%, 55% 4%;
  }
  6% {
    background-position: -7% 39%, 88% 33%, 23% 13%, 9% 74%, 125% 3%, 13% 61%, 53% 28%, 24% 2%, 65% 83%, 83% 23%, 97% 86%, 63% 81%, 94% 98%, 16% 50%, 111% 4%;
  }
  7% {
    background-position: -24% 39%, 19% 33%, 78% 13%, 53% 74%, 99% 3%, -8% 61%, 101% 28%, 105% 2%, 34% 83%, 123% 23%, 88% 86%, -1% 81%, -24% 98%, 43% 50%, -15% 4%;
  }
  8% {
    background-position: -6% 39%, 37% 33%, 10% 13%, 112% 74%, 93% 3%, 89% 61%, 69% 28%, 2% 2%, 95% 83%, 106% 23%, 1% 86%, 118% 81%, 118% 98%, -15% 50%, 44% 4%;
  }
  9% {
    background-position: 0% 39%, 51% 33%, 59% 13%, -15% 74%, 83% 3%, 78% 61%, 62% 28%, 118% 2%, 19% 83%, 109% 23%, 103% 86%, 36% 81%, 46% 98%, 38% 50%, 15% 4%;
  }
  10% {
    background-position: 81% 39%, -15% 33%, 87% 13%, 64% 74%, 12% 3%, 62% 61%, 57% 28%, 42% 2%, 36% 83%, 72% 23%, 41% 86%, 119% 81%, 88% 98%, 97% 50%, 74% 4%;
  }
  11% {
    background-position: 29% 39%, 36% 33%, -2% 13%, 36% 74%, -6% 3%, 18% 61%, 65% 28%, 28% 2%, 104% 83%, -24% 23%, 91% 86%, 67% 81%, 95% 98%, 97% 50%, -16% 4%;
  }
  12% {
    background-position: 74% 39%, 57% 33%, 44% 13%, 26% 74%, -13% 3%, 39% 61%, 74% 28%, -20% 2%, 101% 83%, -23% 23%, 43% 86%, 49% 81%, 16% 98%, -20% 50%, -10% 4%;
  }
  13% {
    background-position: 22% 39%, 105% 33%, 54% 13%, 7% 74%, 8% 3%, 27% 61%, 30% 28%, 94% 2%, 57% 83%, -12% 23%, 112% 86%, 78% 81%, 82% 98%, 51% 50%, 112% 4%;
  }
  14% {
    background-position: -5% 39%, 115% 33%, 31% 13%, 18% 74%, 13% 3%, 93% 61%, -14% 28%, 91% 2%, 90% 83%, 0% 23%, -17% 86%, -16% 81%, 115% 98%, -20% 50%, 60% 4%;
  }
  15% {
    background-position: 73% 39%, -2% 33%, -10% 13%, 12% 74%, 11% 3%, 109% 61%, 33% 28%, 53% 2%, 33% 83%, -21% 23%, 28% 86%, 55% 81%, -5% 98%, 51% 50%, 51% 4%;
  }
  16% {
    background-position: 124% 39%, -13% 33%, 106% 13%, 51% 74%, 16% 3%, 30% 61%, 89% 28%, 96% 2%, 63% 83%, 43% 23%, 13% 86%, 27% 81%, 7% 98%, 92% 50%, 34% 4%;
  }
  17% {
    background-position: -1% 39%, 7% 33%, 68% 13%, 69% 74%, 97% 3%, 15% 61%, 50% 28%, 111% 2%, 85% 83%, 123% 23%, 76% 86%, 52% 81%, 32% 98%, 39% 50%, 106% 4%;
  }
  18% {
    background-position: 39% 39%, 34% 33%, 68% 13%, 108% 74%, 15% 3%, 77% 61%, 28% 28%, 98% 2%, 13% 83%, 83% 23%, 10% 86%, 99% 81%, 109% 98%, 111% 50%, 46% 4%;
  }
  19% {
    background-position: 108% 39%, 51% 33%, 74% 13%, 79% 74%, 30% 3%, 24% 61%, 97% 28%, 81% 2%, -12% 83%, 9% 23%, 41% 86%, -18% 81%, -23% 98%, 19% 50%, 123% 4%;
  }
  20% {
    background-position: 21% 39%, 101% 33%, 1% 13%, 81% 74%, 21% 3%, 2% 61%, -13% 28%, 118% 2%, 87% 83%, 76% 23%, -21% 86%, 56% 81%, 18% 98%, 32% 50%, 17% 4%;
  }
  21% {
    background-position: 79% 39%, 115% 33%, 25% 13%, 11% 74%, 4% 3%, 125% 61%, 87% 28%, 38% 2%, 63% 83%, 123% 23%, 68% 86%, 107% 81%, 98% 98%, 94% 50%, 51% 4%;
  }
  22% {
    background-position: 91% 39%, 27% 33%, -17% 13%, 96% 74%, 51% 3%, 94% 61%, -22% 28%, 124% 2%, 61% 83%, 109% 23%, 75% 86%, 86% 81%, -5% 98%, 8% 50%, -16% 4%;
  }
  23% {
    background-position: 114% 39%, -3% 33%, 97% 13%, 101% 74%, 113% 3%, 4% 61%, 82% 28%, 62% 2%, 86% 83%, 61% 23%, 51% 86%, 39% 81%, -18% 98%, 13% 50%, 0% 4%;
  }
  24% {
    background-position: 87% 39%, 118% 33%, 75% 13%, 80% 74%, -4% 3%, 51% 61%, -2% 28%, -18% 2%, 2% 83%, -23% 23%, 32% 86%, 38% 81%, 44% 98%, 12% 50%, 70% 4%;
  }
  25% {
    background-position: 58% 39%, 113% 33%, 100% 13%, 61% 74%, 69% 3%, 89% 61%, 9% 28%, 76% 2%, 91% 83%, 14% 23%, 113% 86%, -23% 81%, 15% 98%, 27% 50%, 98% 4%;
  }
  26% {
    background-position: 96% 39%, 23% 33%, -11% 13%, 82% 74%, -3% 3%, 97% 61%, 80% 28%, 2% 2%, 75% 83%, -18% 23%, 104% 86%, 111% 81%, 116% 98%, 92% 50%, 32% 4%;
  }
  27% {
    background-position: 116% 39%, -8% 33%, 87% 13%, 15% 74%, 11% 3%, 75% 61%, 123% 28%, 7% 2%, 120% 83%, 85% 23%, 116% 86%, 90% 81%, 117% 98%, 83% 50%, 122% 4%;
  }
  28% {
    background-position: 106% 39%, -19% 33%, 83% 13%, -10% 74%, 81% 3%, 70% 61%, -18% 28%, 21% 2%, 24% 83%, 57% 23%, 124% 86%, 39% 81%, 35% 98%, 80% 50%, 81% 4%;
  }
  29% {
    background-position: -12% 39%, 37% 33%, -9% 13%, 67% 74%, 106% 3%, 119% 61%, 76% 28%, 70% 2%, 117% 83%, 23% 23%, 5% 86%, 101% 81%, 61% 98%, 64% 50%, 114% 4%;
  }
  30% {
    background-position: 26% 39%, -19% 33%, 47% 13%, -23% 74%, 116% 3%, 88% 61%, 0% 28%, 82% 2%, 21% 83%, 94% 23%, 57% 86%, 71% 81%, 62% 98%, 51% 50%, 10% 4%;
  }
  31% {
    background-position: -19% 39%, 89% 33%, 103% 13%, 1% 74%, 58% 3%, 46% 61%, 35% 28%, 52% 2%, 59% 83%, 114% 23%, 46% 86%, 68% 81%, 113% 98%, 109% 50%, 14% 4%;
  }
  32% {
    background-position: 83% 39%, 16% 33%, -21% 13%, 117% 74%, 36% 3%, 33% 61%, -8% 28%, 77% 2%, 112% 83%, 52% 23%, 57% 86%, 122% 81%, 31% 98%, 30% 50%, 107% 4%;
  }
  33% {
    background-position: 103% 39%, 83% 33%, 85% 13%, -24% 74%, 78% 3%, 38% 61%, 96% 28%, 30% 2%, 66% 83%, 100% 23%, 63% 86%, 82% 81%, 49% 98%, -6% 50%, 54% 4%;
  }
  34% {
    background-position: 66% 39%, 107% 33%, 100% 13%, 94% 74%, 98% 3%, 125% 61%, -16% 28%, 28% 2%, 110% 83%, 1% 23%, -17% 86%, -13% 81%, -6% 98%, 15% 50%, 97% 4%;
  }
  35% {
    background-position: 9% 39%, 94% 33%, 60% 13%, 118% 74%, 43% 3%, 70% 61%, 26% 28%, 5% 2%, 15% 83%, 116% 23%, -5% 86%, 47% 81%, 61% 98%, 106% 50%, -23% 4%;
  }
  36% {
    background-position: -1% 39%, 85% 33%, 110% 13%, 76% 74%, -7% 3%, -3% 61%, 48% 28%, 71% 2%, 82% 83%, 65% 23%, 37% 86%, 84% 81%, 102% 98%, 87% 50%, 71% 4%;
  }
  37% {
    background-position: 34% 39%, 5% 33%, 124% 13%, 112% 74%, 16% 3%, 28% 61%, -15% 28%, 35% 2%, -12% 83%, 44% 23%, 118% 86%, 14% 81%, 12% 98%, 23% 50%, 61% 4%;
  }
  38% {
    background-position: 48% 39%, 124% 33%, 42% 13%, 51% 74%, 122% 3%, 108% 61%, 36% 28%, 88% 2%, 92% 83%, 68% 23%, 31% 86%, 17% 81%, 80% 98%, -8% 50%, 60% 4%;
  }
  39% {
    background-position: -15% 39%, -16% 33%, 105% 13%, 125% 74%, -15% 3%, -9% 61%, 10% 28%, 81% 2%, 103% 83%, 33% 23%, 17% 86%, -1% 81%, 6% 98%, -17% 50%, 58% 4%;
  }
  40% {
    background-position: 64% 39%, 108% 33%, -14% 13%, 4% 74%, 50% 3%, 39% 61%, 30% 28%, 57% 2%, 28% 83%, 92% 23%, 6% 86%, 17% 81%, 28% 98%, 34% 50%, 111% 4%;
  }
  41% {
    background-position: 87% 39%, 5% 33%, -11% 13%, 45% 74%, 23% 3%, 33% 61%, -18% 28%, -13% 2%, 110% 83%, 34% 23%, 24% 86%, 39% 81%, -19% 98%, 65% 50%, 89% 4%;
  }
  42% {
    background-position: 123% 39%, 23% 33%, 51% 13%, 20% 74%, 19% 3%, -1% 61%, 6% 28%, 122% 2%, 15% 83%, 37% 23%, 95% 86%, -16% 81%, 104% 98%, 9% 50%, 5% 4%;
  }
  43% {
    background-position: 46% 39%, 124% 33%, 37% 13%, 124% 74%, 19% 3%, 39% 61%, 66% 28%, 77% 2%, 117% 83%, 22% 23%, 67% 86%, 102% 81%, 98% 98%, -9% 50%, 62% 4%;
  }
  44% {
    background-position: 81% 39%, 79% 33%, 116% 13%, 101% 74%, -12% 3%, 34% 61%, 75% 28%, 55% 2%, -15% 83%, -13% 23%, 98% 86%, -13% 81%, 114% 98%, 26% 50%, 12% 4%;
  }
  45% {
    background-position: 93% 39%, 95% 33%, 123% 13%, -15% 74%, 29% 3%, 113% 61%, 55% 28%, 12% 2%, 92% 83%, -11% 23%, 6% 86%, 22% 81%, 33% 98%, 20% 50%, -2% 4%;
  }
  46% {
    background-position: 89% 39%, -21% 33%, 96% 13%, 100% 74%, -12% 3%, 120% 61%, -5% 28%, 110% 2%, 95% 83%, -12% 23%, 23% 86%, 41% 81%, 81% 98%, 70% 50%, -11% 4%;
  }
  47% {
    background-position: 124% 39%, 51% 33%, 71% 13%, 34% 74%, 99% 3%, 52% 61%, -22% 28%, 81% 2%, 10% 83%, 92% 23%, 53% 86%, 89% 81%, 111% 98%, 58% 50%, 62% 4%;
  }
  48% {
    background-position: 7% 39%, 67% 33%, 51% 13%, -9% 74%, 79% 3%, 15% 61%, -2% 28%, 96% 2%, -21% 83%, -2% 23%, 110% 86%, 108% 81%, 12% 98%, 114% 50%, -4% 4%;
  }
  49% {
    background-position: 45% 39%, 115% 33%, 49% 13%, -14% 74%, 108% 3%, -14% 61%, 44% 28%, 67% 2%, 18% 83%, 2% 23%, 97% 86%, 25% 81%, -17% 98%, 80% 50%, 14% 4%;
  }
  50% {
    background-position: 12% 39%, 83% 33%, 54% 13%, -11% 74%, -23% 3%, 10% 61%, 1% 28%, -2% 2%, 55% 83%, 48% 23%, 65% 86%, -7% 81%, 110% 98%, 87% 50%, 108% 4%;
  }
  51% {
    background-position: 75% 39%, 35% 33%, 105% 13%, 27% 74%, 45% 3%, 19% 61%, 87% 28%, 59% 2%, -2% 83%, 49% 23%, 105% 86%, -6% 81%, 9% 98%, 87% 50%, 121% 4%;
  }
  52% {
    background-position: 44% 39%, 67% 33%, 0% 13%, 115% 74%, 82% 3%, 75% 61%, 40% 28%, 10% 2%, 60% 83%, 100% 23%, 108% 86%, 39% 81%, -9% 98%, -7% 50%, 60% 4%;
  }
  53% {
    background-position: 61% 39%, 120% 33%, -1% 13%, 76% 74%, -22% 3%, 23% 61%, 15% 28%, 55% 2%, 46% 83%, 37% 23%, 8% 86%, 38% 81%, 79% 98%, 4% 50%, 28% 4%;
  }
  54% {
    background-position: 29% 39%, 42% 33%, 60% 13%, 3% 74%, 96% 3%, -17% 61%, 75% 28%, 58% 2%, 53% 83%, 67% 23%, -19% 86%, 37% 81%, 94% 98%, 67% 50%, 14% 4%;
  }
  55% {
    background-position: 35% 39%, 70% 33%, 75% 13%, 25% 74%, 36% 3%, 21% 61%, 72% 28%, -1% 2%, 57% 83%, 58% 23%, 90% 86%, 67% 81%, 22% 98%, 13% 50%, 49% 4%;
  }
  56% {
    background-position: 104% 39%, 99% 33%, 36% 13%, 13% 74%, 54% 3%, 55% 61%, -1% 28%, 22% 2%, 24% 83%, 15% 23%, -8% 86%, 102% 81%, 62% 98%, 1% 50%, 30% 4%;
  }
  57% {
    background-position: 64% 39%, 25% 33%, 22% 13%, 64% 74%, 109% 3%, 9% 61%, 104% 28%, 48% 2%, 77% 83%, 68% 23%, 14% 86%, 88% 81%, 20% 98%, 103% 50%, 19% 4%;
  }
  58% {
    background-position: 9% 39%, 84% 33%, 48% 13%, 64% 74%, 36% 3%, 69% 61%, 101% 28%, 55% 2%, 29% 83%, 1% 23%, 121% 86%, 40% 81%, 89% 98%, 115% 50%, 43% 4%;
  }
  59% {
    background-position: 18% 39%, 73% 33%, 9% 13%, 5% 74%, 84% 3%, 10% 61%, -12% 28%, 76% 2%, 96% 83%, 45% 23%, 50% 86%, 45% 81%, 68% 98%, -23% 50%, 67% 4%;
  }
  60% {
    background-position: 115% 39%, 25% 33%, 16% 13%, 114% 74%, 6% 3%, 50% 61%, 21% 28%, 64% 2%, 4% 83%, -21% 23%, -20% 86%, 110% 81%, 96% 98%, 93% 50%, 123% 4%;
  }
  61% {
    background-position: 115% 39%, 2% 33%, -20% 13%, 101% 74%, 51% 3%, 58% 61%, 21% 28%, 97% 2%, 9% 83%, 106% 23%, 52% 86%, 81% 81%, 122% 98%, 69% 50%, 104% 4%;
  }
  62% {
    background-position: -11% 39%, 100% 33%, 116% 13%, 58% 74%, -18% 3%, 56% 61%, 72% 28%, -15% 2%, 62% 83%, 0% 23%, 53% 86%, 110% 81%, 61% 98%, 48% 50%, 56% 4%;
  }
  63% {
    background-position: 108% 39%, 29% 33%, 34% 13%, 92% 74%, 39% 3%, 90% 61%, 94% 28%, 7% 2%, 86% 83%, -14% 23%, 81% 86%, 83% 81%, -1% 98%, 80% 50%, 1% 4%;
  }
  64% {
    background-position: 72% 39%, 16% 33%, 15% 13%, 3% 74%, 66% 3%, 69% 61%, 117% 28%, 33% 2%, 66% 83%, 47% 23%, -6% 86%, 110% 81%, 18% 98%, -6% 50%, 70% 4%;
  }
  65% {
    background-position: 34% 39%, 55% 33%, -6% 13%, 15% 74%, 21% 3%, 14% 61%, 85% 28%, 95% 2%, 14% 83%, 79% 23%, 39% 86%, 111% 81%, 92% 98%, 55% 50%, 31% 4%;
  }
  66% {
    background-position: -10% 39%, 47% 33%, 123% 13%, 48% 74%, 39% 3%, 33% 61%, -6% 28%, 59% 2%, 39% 83%, 77% 23%, 105% 86%, 85% 81%, 52% 98%, 6% 50%, 65% 4%;
  }
  67% {
    background-position: 47% 39%, -19% 33%, 79% 13%, 56% 74%, 61% 3%, 35% 61%, 35% 28%, 113% 2%, 7% 83%, 99% 23%, -4% 86%, -11% 81%, 41% 98%, 118% 50%, 109% 4%;
  }
  68% {
    background-position: 53% 39%, -12% 33%, 75% 13%, 62% 74%, 10% 3%, 91% 61%, 31% 28%, 3% 2%, 86% 83%, -3% 23%, 31% 86%, -23% 81%, 16% 98%, 78% 50%, 1% 4%;
  }
  69% {
    background-position: 111% 39%, 70% 33%, 112% 13%, -17% 74%, 84% 3%, -2% 61%, 57% 28%, -19% 2%, 117% 83%, 53% 23%, 9% 86%, 36% 81%, 94% 98%, 61% 50%, 116% 4%;
  }
  70% {
    background-position: -8% 39%, -12% 33%, 51% 13%, 116% 74%, 83% 3%, -10% 61%, 19% 28%, 35% 2%, 95% 83%, 57% 23%, 124% 86%, 60% 81%, 18% 98%, 74% 50%, 28% 4%;
  }
  71% {
    background-position: -19% 39%, 59% 33%, 37% 13%, 31% 74%, -7% 3%, 83% 61%, -3% 28%, 44% 2%, 92% 83%, 116% 23%, -6% 86%, 51% 81%, 75% 98%, -6% 50%, 121% 4%;
  }
  72% {
    background-position: 25% 39%, 107% 33%, 62% 13%, 77% 74%, 85% 3%, 40% 61%, 116% 28%, 55% 2%, -20% 83%, 20% 23%, 54% 86%, 108% 81%, -3% 98%, 112% 50%, 89% 4%;
  }
  73% {
    background-position: 48% 39%, 80% 33%, 17% 13%, -17% 74%, 86% 3%, -24% 61%, -24% 28%, 29% 2%, -1% 83%, 11% 23%, 93% 86%, 13% 81%, 101% 98%, 100% 50%, 28% 4%;
  }
  74% {
    background-position: 18% 39%, 45% 33%, 88% 13%, 104% 74%, 95% 3%, 1% 61%, 83% 28%, -14% 2%, 78% 83%, 111% 23%, 22% 86%, -13% 81%, 38% 98%, 6% 50%, 94% 4%;
  }
  75% {
    background-position: 92% 39%, 26% 33%, 76% 13%, 57% 74%, 121% 3%, 107% 61%, 18% 28%, 65% 2%, 44% 83%, 1% 23%, 54% 86%, 1% 81%, -5% 98%, 37% 50%, 113% 4%;
  }
  76% {
    background-position: -2% 39%, -21% 33%, 93% 13%, -4% 74%, 122% 3%, 21% 61%, 67% 28%, 66% 2%, 64% 83%, 94% 23%, 10% 86%, 25% 81%, 14% 98%, 93% 50%, 87% 4%;
  }
  77% {
    background-position: 85% 39%, -21% 33%, 12% 13%, 76% 74%, 8% 3%, 25% 61%, 11% 28%, -7% 2%, 61% 83%, 40% 23%, -24% 86%, 85% 81%, 120% 98%, 0% 50%, 53% 4%;
  }
  78% {
    background-position: 114% 39%, 123% 33%, 118% 13%, 90% 74%, 79% 3%, 98% 61%, 68% 28%, 84% 2%, 79% 83%, 61% 23%, 94% 86%, 6% 81%, 33% 98%, 40% 50%, 88% 4%;
  }
  79% {
    background-position: 61% 39%, 114% 33%, 30% 13%, 89% 74%, 90% 3%, -18% 61%, 38% 28%, 53% 2%, 97% 83%, -2% 23%, 65% 86%, 42% 81%, 88% 98%, 86% 50%, 80% 4%;
  }
  80% {
    background-position: 0% 39%, 35% 33%, -4% 13%, 69% 74%, 120% 3%, -7% 61%, 87% 28%, 102% 2%, 43% 83%, 77% 23%, 44% 86%, 8% 81%, 68% 98%, 46% 50%, 7% 4%;
  }
  81% {
    background-position: 85% 39%, 72% 33%, 66% 13%, 34% 74%, 22% 3%, 95% 61%, -17% 28%, 78% 2%, 83% 83%, 79% 23%, 44% 86%, -24% 81%, 44% 98%, 107% 50%, 101% 4%;
  }
  82% {
    background-position: 47% 39%, 73% 33%, 26% 13%, 6% 74%, -21% 3%, 97% 61%, 47% 28%, -4% 2%, 70% 83%, -23% 23%, 5% 86%, 60% 81%, 87% 98%, 108% 50%, -16% 4%;
  }
  83% {
    background-position: 116% 39%, 6% 33%, 37% 13%, 59% 74%, 46% 3%, -4% 61%, 82% 28%, -6% 2%, -19% 83%, 31% 23%, 35% 86%, 93% 81%, 117% 98%, 62% 50%, 80% 4%;
  }
  84% {
    background-position: 23% 39%, 50% 33%, 62% 13%, 66% 74%, 13% 3%, 12% 61%, 82% 28%, 32% 2%, 125% 83%, 67% 23%, 81% 86%, 121% 81%, 91% 98%, 64% 50%, 95% 4%;
  }
  85% {
    background-position: 6% 39%, 28% 33%, 72% 13%, 90% 74%, 8% 3%, 65% 61%, 2% 28%, 38% 2%, 119% 83%, 85% 23%, 85% 86%, 36% 81%, 75% 98%, 21% 50%, 101% 4%;
  }
  86% {
    background-position: 30% 39%, 83% 33%, 63% 13%, -24% 74%, 121% 3%, 18% 61%, 27% 28%, 101% 2%, 90% 83%, -12% 23%, 40% 86%, 121% 81%, 27% 98%, 36% 50%, 114% 4%;
  }
  87% {
    background-position: 97% 39%, 79% 33%, 32% 13%, 117% 74%, 41% 3%, 125% 61%, 6% 28%, 54% 2%, 11% 83%, -10% 23%, 100% 86%, -6% 81%, 122% 98%, -11% 50%, -19% 4%;
  }
  88% {
    background-position: 64% 39%, -21% 33%, 77% 13%, 74% 74%, 5% 3%, 113% 61%, 2% 28%, 65% 2%, 41% 83%, 100% 23%, 91% 86%, 2% 81%, 93% 98%, -3% 50%, 109% 4%;
  }
  89% {
    background-position: 51% 39%, 42% 33%, 104% 13%, 22% 74%, -13% 3%, 8% 61%, 52% 28%, -11% 2%, 18% 83%, 78% 23%, 69% 86%, 24% 81%, 35% 98%, 75% 50%, 111% 4%;
  }
  90% {
    background-position: 80% 39%, 61% 33%, 77% 13%, 92% 74%, 53% 3%, 93% 61%, 94% 28%, -13% 2%, 72% 83%, 90% 23%, 17% 86%, 87% 81%, 12% 98%, 89% 50%, 14% 4%;
  }
  91% {
    background-position: -12% 39%, 58% 33%, 47% 13%, 0% 74%, 17% 3%, 0% 61%, 7% 28%, 9% 2%, -24% 83%, 8% 23%, 34% 86%, 58% 81%, 96% 98%, -8% 50%, 16% 4%;
  }
  92% {
    background-position: 32% 39%, 1% 33%, 96% 13%, -24% 74%, 2% 3%, 24% 61%, -13% 28%, -6% 2%, 115% 83%, -5% 23%, 54% 86%, 53% 81%, 117% 98%, 70% 50%, 67% 4%;
  }
  93% {
    background-position: 110% 39%, 53% 33%, 65% 13%, 119% 74%, -8% 3%, 59% 61%, 118% 28%, 73% 2%, 116% 83%, 101% 23%, -23% 86%, 124% 81%, 73% 98%, 113% 50%, -3% 4%;
  }
  94% {
    background-position: 62% 39%, 70% 33%, 88% 13%, 24% 74%, 71% 3%, 98% 61%, 55% 28%, 97% 2%, -8% 83%, -14% 23%, -21% 86%, 28% 81%, 27% 98%, 96% 50%, 44% 4%;
  }
  95% {
    background-position: 13% 39%, 16% 33%, 22% 13%, 56% 74%, 59% 3%, 97% 61%, 26% 28%, 53% 2%, -10% 83%, 75% 23%, 65% 86%, 28% 81%, 20% 98%, 0% 50%, 43% 4%;
  }
  96% {
    background-position: 109% 39%, 40% 33%, 63% 13%, 85% 74%, 80% 3%, 75% 61%, -3% 28%, 106% 2%, 20% 83%, 19% 23%, 110% 86%, 113% 81%, 84% 98%, 39% 50%, 8% 4%;
  }
  97% {
    background-position: 76% 39%, 110% 33%, -8% 13%, 121% 74%, -3% 3%, 123% 61%, 4% 28%, 29% 2%, 70% 83%, 44% 23%, 30% 86%, 108% 81%, 40% 98%, 57% 50%, 1% 4%;
  }
  98% {
    background-position: 50% 39%, 48% 33%, 15% 13%, 114% 74%, -14% 3%, 125% 61%, 112% 28%, -18% 2%, 27% 83%, 123% 23%, 25% 86%, -1% 81%, -18% 98%, 13% 50%, -9% 4%;
  }
  99% {
    background-position: 49% 39%, 111% 33%, 10% 13%, 116% 74%, -16% 3%, 94% 61%, 80% 28%, 20% 2%, 12% 83%, 84% 23%, 16% 86%, 108% 81%, 54% 98%, 44% 50%, -3% 4%;
  }
  100% {
    background-position: 12% 39%, 21% 33%, 56% 13%, 4% 74%, 50% 3%, 100% 61%, 70% 28%, 26% 2%, 20% 83%, 8% 23%, 87% 86%, 123% 81%, 99% 98%, 57% 50%, 84% 4%;
  }
}

@keyframes lft-rght {
  0% {
    background-position: 5% 39%, 70% 33%, 79% 13%, 60% 74%, 124% 3%, 34% 61%, 16% 28%, 35% 2%, 45% 83%, 17% 23%, -9% 86%, 31% 81%, 5% 98%, 117% 50%, 92% 4%;
  }
  1% {
    background-position: 107% 39%, 120% 33%, 67% 13%, 113% 74%, -9% 3%, 116% 61%, -23% 28%, 17% 2%, -12% 83%, 107% 23%, 88% 86%, 87% 81%, 1% 98%, 57% 50%, 110% 4%;
  }
  2% {
    background-position: 22% 39%, 0% 33%, 78% 13%, 122% 74%, 59% 3%, 75% 61%, 97% 28%, 74% 2%, -16% 83%, 93% 23%, 60% 86%, 122% 81%, 55% 98%, -13% 50%, 96% 4%;
  }
  3% {
    background-position: 59% 39%, 86% 33%, 5% 13%, 56% 74%, 11% 3%, 26% 61%, 108% 28%, 111% 2%, 113% 83%, 86% 23%, 117% 86%, 123% 81%, 92% 98%, 75% 50%, 18% 4%;
  }
  4% {
    background-position: 19% 39%, 57% 33%, -15% 13%, 76% 74%, 13% 3%, 42% 61%, 75% 28%, 58% 2%, 123% 83%, 73% 23%, 55% 86%, 111% 81%, -3% 98%, 40% 50%, -1% 4%;
  }
  5% {
    background-position: 25% 39%, 47% 33%, 67% 13%, 70% 74%, 111% 3%, 65% 61%, 108% 28%, 40% 2%, 113% 83%, 66% 23%, 64% 86%, 77% 81%, 69% 98%, 108% 50%, 55% 4%;
  }
  6% {
    background-position: -7% 39%, 88% 33%, 23% 13%, 9% 74%, 125% 3%, 13% 61%, 53% 28%, 24% 2%, 65% 83%, 83% 23%, 97% 86%, 63% 81%, 94% 98%, 16% 50%, 111% 4%;
  }
  7% {
    background-position: -24% 39%, 19% 33%, 78% 13%, 53% 74%, 99% 3%, -8% 61%, 101% 28%, 105% 2%, 34% 83%, 123% 23%, 88% 86%, -1% 81%, -24% 98%, 43% 50%, -15% 4%;
  }
  8% {
    background-position: -6% 39%, 37% 33%, 10% 13%, 112% 74%, 93% 3%, 89% 61%, 69% 28%, 2% 2%, 95% 83%, 106% 23%, 1% 86%, 118% 81%, 118% 98%, -15% 50%, 44% 4%;
  }
  9% {
    background-position: 0% 39%, 51% 33%, 59% 13%, -15% 74%, 83% 3%, 78% 61%, 62% 28%, 118% 2%, 19% 83%, 109% 23%, 103% 86%, 36% 81%, 46% 98%, 38% 50%, 15% 4%;
  }
  10% {
    background-position: 81% 39%, -15% 33%, 87% 13%, 64% 74%, 12% 3%, 62% 61%, 57% 28%, 42% 2%, 36% 83%, 72% 23%, 41% 86%, 119% 81%, 88% 98%, 97% 50%, 74% 4%;
  }
  11% {
    background-position: 29% 39%, 36% 33%, -2% 13%, 36% 74%, -6% 3%, 18% 61%, 65% 28%, 28% 2%, 104% 83%, -24% 23%, 91% 86%, 67% 81%, 95% 98%, 97% 50%, -16% 4%;
  }
  12% {
    background-position: 74% 39%, 57% 33%, 44% 13%, 26% 74%, -13% 3%, 39% 61%, 74% 28%, -20% 2%, 101% 83%, -23% 23%, 43% 86%, 49% 81%, 16% 98%, -20% 50%, -10% 4%;
  }
  13% {
    background-position: 22% 39%, 105% 33%, 54% 13%, 7% 74%, 8% 3%, 27% 61%, 30% 28%, 94% 2%, 57% 83%, -12% 23%, 112% 86%, 78% 81%, 82% 98%, 51% 50%, 112% 4%;
  }
  14% {
    background-position: -5% 39%, 115% 33%, 31% 13%, 18% 74%, 13% 3%, 93% 61%, -14% 28%, 91% 2%, 90% 83%, 0% 23%, -17% 86%, -16% 81%, 115% 98%, -20% 50%, 60% 4%;
  }
  15% {
    background-position: 73% 39%, -2% 33%, -10% 13%, 12% 74%, 11% 3%, 109% 61%, 33% 28%, 53% 2%, 33% 83%, -21% 23%, 28% 86%, 55% 81%, -5% 98%, 51% 50%, 51% 4%;
  }
  16% {
    background-position: 124% 39%, -13% 33%, 106% 13%, 51% 74%, 16% 3%, 30% 61%, 89% 28%, 96% 2%, 63% 83%, 43% 23%, 13% 86%, 27% 81%, 7% 98%, 92% 50%, 34% 4%;
  }
  17% {
    background-position: -1% 39%, 7% 33%, 68% 13%, 69% 74%, 97% 3%, 15% 61%, 50% 28%, 111% 2%, 85% 83%, 123% 23%, 76% 86%, 52% 81%, 32% 98%, 39% 50%, 106% 4%;
  }
  18% {
    background-position: 39% 39%, 34% 33%, 68% 13%, 108% 74%, 15% 3%, 77% 61%, 28% 28%, 98% 2%, 13% 83%, 83% 23%, 10% 86%, 99% 81%, 109% 98%, 111% 50%, 46% 4%;
  }
  19% {
    background-position: 108% 39%, 51% 33%, 74% 13%, 79% 74%, 30% 3%, 24% 61%, 97% 28%, 81% 2%, -12% 83%, 9% 23%, 41% 86%, -18% 81%, -23% 98%, 19% 50%, 123% 4%;
  }
  20% {
    background-position: 21% 39%, 101% 33%, 1% 13%, 81% 74%, 21% 3%, 2% 61%, -13% 28%, 118% 2%, 87% 83%, 76% 23%, -21% 86%, 56% 81%, 18% 98%, 32% 50%, 17% 4%;
  }
  21% {
    background-position: 79% 39%, 115% 33%, 25% 13%, 11% 74%, 4% 3%, 125% 61%, 87% 28%, 38% 2%, 63% 83%, 123% 23%, 68% 86%, 107% 81%, 98% 98%, 94% 50%, 51% 4%;
  }
  22% {
    background-position: 91% 39%, 27% 33%, -17% 13%, 96% 74%, 51% 3%, 94% 61%, -22% 28%, 124% 2%, 61% 83%, 109% 23%, 75% 86%, 86% 81%, -5% 98%, 8% 50%, -16% 4%;
  }
  23% {
    background-position: 114% 39%, -3% 33%, 97% 13%, 101% 74%, 113% 3%, 4% 61%, 82% 28%, 62% 2%, 86% 83%, 61% 23%, 51% 86%, 39% 81%, -18% 98%, 13% 50%, 0% 4%;
  }
  24% {
    background-position: 87% 39%, 118% 33%, 75% 13%, 80% 74%, -4% 3%, 51% 61%, -2% 28%, -18% 2%, 2% 83%, -23% 23%, 32% 86%, 38% 81%, 44% 98%, 12% 50%, 70% 4%;
  }
  25% {
    background-position: 58% 39%, 113% 33%, 100% 13%, 61% 74%, 69% 3%, 89% 61%, 9% 28%, 76% 2%, 91% 83%, 14% 23%, 113% 86%, -23% 81%, 15% 98%, 27% 50%, 98% 4%;
  }
  26% {
    background-position: 96% 39%, 23% 33%, -11% 13%, 82% 74%, -3% 3%, 97% 61%, 80% 28%, 2% 2%, 75% 83%, -18% 23%, 104% 86%, 111% 81%, 116% 98%, 92% 50%, 32% 4%;
  }
  27% {
    background-position: 116% 39%, -8% 33%, 87% 13%, 15% 74%, 11% 3%, 75% 61%, 123% 28%, 7% 2%, 120% 83%, 85% 23%, 116% 86%, 90% 81%, 117% 98%, 83% 50%, 122% 4%;
  }
  28% {
    background-position: 106% 39%, -19% 33%, 83% 13%, -10% 74%, 81% 3%, 70% 61%, -18% 28%, 21% 2%, 24% 83%, 57% 23%, 124% 86%, 39% 81%, 35% 98%, 80% 50%, 81% 4%;
  }
  29% {
    background-position: -12% 39%, 37% 33%, -9% 13%, 67% 74%, 106% 3%, 119% 61%, 76% 28%, 70% 2%, 117% 83%, 23% 23%, 5% 86%, 101% 81%, 61% 98%, 64% 50%, 114% 4%;
  }
  30% {
    background-position: 26% 39%, -19% 33%, 47% 13%, -23% 74%, 116% 3%, 88% 61%, 0% 28%, 82% 2%, 21% 83%, 94% 23%, 57% 86%, 71% 81%, 62% 98%, 51% 50%, 10% 4%;
  }
  31% {
    background-position: -19% 39%, 89% 33%, 103% 13%, 1% 74%, 58% 3%, 46% 61%, 35% 28%, 52% 2%, 59% 83%, 114% 23%, 46% 86%, 68% 81%, 113% 98%, 109% 50%, 14% 4%;
  }
  32% {
    background-position: 83% 39%, 16% 33%, -21% 13%, 117% 74%, 36% 3%, 33% 61%, -8% 28%, 77% 2%, 112% 83%, 52% 23%, 57% 86%, 122% 81%, 31% 98%, 30% 50%, 107% 4%;
  }
  33% {
    background-position: 103% 39%, 83% 33%, 85% 13%, -24% 74%, 78% 3%, 38% 61%, 96% 28%, 30% 2%, 66% 83%, 100% 23%, 63% 86%, 82% 81%, 49% 98%, -6% 50%, 54% 4%;
  }
  34% {
    background-position: 66% 39%, 107% 33%, 100% 13%, 94% 74%, 98% 3%, 125% 61%, -16% 28%, 28% 2%, 110% 83%, 1% 23%, -17% 86%, -13% 81%, -6% 98%, 15% 50%, 97% 4%;
  }
  35% {
    background-position: 9% 39%, 94% 33%, 60% 13%, 118% 74%, 43% 3%, 70% 61%, 26% 28%, 5% 2%, 15% 83%, 116% 23%, -5% 86%, 47% 81%, 61% 98%, 106% 50%, -23% 4%;
  }
  36% {
    background-position: -1% 39%, 85% 33%, 110% 13%, 76% 74%, -7% 3%, -3% 61%, 48% 28%, 71% 2%, 82% 83%, 65% 23%, 37% 86%, 84% 81%, 102% 98%, 87% 50%, 71% 4%;
  }
  37% {
    background-position: 34% 39%, 5% 33%, 124% 13%, 112% 74%, 16% 3%, 28% 61%, -15% 28%, 35% 2%, -12% 83%, 44% 23%, 118% 86%, 14% 81%, 12% 98%, 23% 50%, 61% 4%;
  }
  38% {
    background-position: 48% 39%, 124% 33%, 42% 13%, 51% 74%, 122% 3%, 108% 61%, 36% 28%, 88% 2%, 92% 83%, 68% 23%, 31% 86%, 17% 81%, 80% 98%, -8% 50%, 60% 4%;
  }
  39% {
    background-position: -15% 39%, -16% 33%, 105% 13%, 125% 74%, -15% 3%, -9% 61%, 10% 28%, 81% 2%, 103% 83%, 33% 23%, 17% 86%, -1% 81%, 6% 98%, -17% 50%, 58% 4%;
  }
  40% {
    background-position: 64% 39%, 108% 33%, -14% 13%, 4% 74%, 50% 3%, 39% 61%, 30% 28%, 57% 2%, 28% 83%, 92% 23%, 6% 86%, 17% 81%, 28% 98%, 34% 50%, 111% 4%;
  }
  41% {
    background-position: 87% 39%, 5% 33%, -11% 13%, 45% 74%, 23% 3%, 33% 61%, -18% 28%, -13% 2%, 110% 83%, 34% 23%, 24% 86%, 39% 81%, -19% 98%, 65% 50%, 89% 4%;
  }
  42% {
    background-position: 123% 39%, 23% 33%, 51% 13%, 20% 74%, 19% 3%, -1% 61%, 6% 28%, 122% 2%, 15% 83%, 37% 23%, 95% 86%, -16% 81%, 104% 98%, 9% 50%, 5% 4%;
  }
  43% {
    background-position: 46% 39%, 124% 33%, 37% 13%, 124% 74%, 19% 3%, 39% 61%, 66% 28%, 77% 2%, 117% 83%, 22% 23%, 67% 86%, 102% 81%, 98% 98%, -9% 50%, 62% 4%;
  }
  44% {
    background-position: 81% 39%, 79% 33%, 116% 13%, 101% 74%, -12% 3%, 34% 61%, 75% 28%, 55% 2%, -15% 83%, -13% 23%, 98% 86%, -13% 81%, 114% 98%, 26% 50%, 12% 4%;
  }
  45% {
    background-position: 93% 39%, 95% 33%, 123% 13%, -15% 74%, 29% 3%, 113% 61%, 55% 28%, 12% 2%, 92% 83%, -11% 23%, 6% 86%, 22% 81%, 33% 98%, 20% 50%, -2% 4%;
  }
  46% {
    background-position: 89% 39%, -21% 33%, 96% 13%, 100% 74%, -12% 3%, 120% 61%, -5% 28%, 110% 2%, 95% 83%, -12% 23%, 23% 86%, 41% 81%, 81% 98%, 70% 50%, -11% 4%;
  }
  47% {
    background-position: 124% 39%, 51% 33%, 71% 13%, 34% 74%, 99% 3%, 52% 61%, -22% 28%, 81% 2%, 10% 83%, 92% 23%, 53% 86%, 89% 81%, 111% 98%, 58% 50%, 62% 4%;
  }
  48% {
    background-position: 7% 39%, 67% 33%, 51% 13%, -9% 74%, 79% 3%, 15% 61%, -2% 28%, 96% 2%, -21% 83%, -2% 23%, 110% 86%, 108% 81%, 12% 98%, 114% 50%, -4% 4%;
  }
  49% {
    background-position: 45% 39%, 115% 33%, 49% 13%, -14% 74%, 108% 3%, -14% 61%, 44% 28%, 67% 2%, 18% 83%, 2% 23%, 97% 86%, 25% 81%, -17% 98%, 80% 50%, 14% 4%;
  }
  50% {
    background-position: 12% 39%, 83% 33%, 54% 13%, -11% 74%, -23% 3%, 10% 61%, 1% 28%, -2% 2%, 55% 83%, 48% 23%, 65% 86%, -7% 81%, 110% 98%, 87% 50%, 108% 4%;
  }
  51% {
    background-position: 75% 39%, 35% 33%, 105% 13%, 27% 74%, 45% 3%, 19% 61%, 87% 28%, 59% 2%, -2% 83%, 49% 23%, 105% 86%, -6% 81%, 9% 98%, 87% 50%, 121% 4%;
  }
  52% {
    background-position: 44% 39%, 67% 33%, 0% 13%, 115% 74%, 82% 3%, 75% 61%, 40% 28%, 10% 2%, 60% 83%, 100% 23%, 108% 86%, 39% 81%, -9% 98%, -7% 50%, 60% 4%;
  }
  53% {
    background-position: 61% 39%, 120% 33%, -1% 13%, 76% 74%, -22% 3%, 23% 61%, 15% 28%, 55% 2%, 46% 83%, 37% 23%, 8% 86%, 38% 81%, 79% 98%, 4% 50%, 28% 4%;
  }
  54% {
    background-position: 29% 39%, 42% 33%, 60% 13%, 3% 74%, 96% 3%, -17% 61%, 75% 28%, 58% 2%, 53% 83%, 67% 23%, -19% 86%, 37% 81%, 94% 98%, 67% 50%, 14% 4%;
  }
  55% {
    background-position: 35% 39%, 70% 33%, 75% 13%, 25% 74%, 36% 3%, 21% 61%, 72% 28%, -1% 2%, 57% 83%, 58% 23%, 90% 86%, 67% 81%, 22% 98%, 13% 50%, 49% 4%;
  }
  56% {
    background-position: 104% 39%, 99% 33%, 36% 13%, 13% 74%, 54% 3%, 55% 61%, -1% 28%, 22% 2%, 24% 83%, 15% 23%, -8% 86%, 102% 81%, 62% 98%, 1% 50%, 30% 4%;
  }
  57% {
    background-position: 64% 39%, 25% 33%, 22% 13%, 64% 74%, 109% 3%, 9% 61%, 104% 28%, 48% 2%, 77% 83%, 68% 23%, 14% 86%, 88% 81%, 20% 98%, 103% 50%, 19% 4%;
  }
  58% {
    background-position: 9% 39%, 84% 33%, 48% 13%, 64% 74%, 36% 3%, 69% 61%, 101% 28%, 55% 2%, 29% 83%, 1% 23%, 121% 86%, 40% 81%, 89% 98%, 115% 50%, 43% 4%;
  }
  59% {
    background-position: 18% 39%, 73% 33%, 9% 13%, 5% 74%, 84% 3%, 10% 61%, -12% 28%, 76% 2%, 96% 83%, 45% 23%, 50% 86%, 45% 81%, 68% 98%, -23% 50%, 67% 4%;
  }
  60% {
    background-position: 115% 39%, 25% 33%, 16% 13%, 114% 74%, 6% 3%, 50% 61%, 21% 28%, 64% 2%, 4% 83%, -21% 23%, -20% 86%, 110% 81%, 96% 98%, 93% 50%, 123% 4%;
  }
  61% {
    background-position: 115% 39%, 2% 33%, -20% 13%, 101% 74%, 51% 3%, 58% 61%, 21% 28%, 97% 2%, 9% 83%, 106% 23%, 52% 86%, 81% 81%, 122% 98%, 69% 50%, 104% 4%;
  }
  62% {
    background-position: -11% 39%, 100% 33%, 116% 13%, 58% 74%, -18% 3%, 56% 61%, 72% 28%, -15% 2%, 62% 83%, 0% 23%, 53% 86%, 110% 81%, 61% 98%, 48% 50%, 56% 4%;
  }
  63% {
    background-position: 108% 39%, 29% 33%, 34% 13%, 92% 74%, 39% 3%, 90% 61%, 94% 28%, 7% 2%, 86% 83%, -14% 23%, 81% 86%, 83% 81%, -1% 98%, 80% 50%, 1% 4%;
  }
  64% {
    background-position: 72% 39%, 16% 33%, 15% 13%, 3% 74%, 66% 3%, 69% 61%, 117% 28%, 33% 2%, 66% 83%, 47% 23%, -6% 86%, 110% 81%, 18% 98%, -6% 50%, 70% 4%;
  }
  65% {
    background-position: 34% 39%, 55% 33%, -6% 13%, 15% 74%, 21% 3%, 14% 61%, 85% 28%, 95% 2%, 14% 83%, 79% 23%, 39% 86%, 111% 81%, 92% 98%, 55% 50%, 31% 4%;
  }
  66% {
    background-position: -10% 39%, 47% 33%, 123% 13%, 48% 74%, 39% 3%, 33% 61%, -6% 28%, 59% 2%, 39% 83%, 77% 23%, 105% 86%, 85% 81%, 52% 98%, 6% 50%, 65% 4%;
  }
  67% {
    background-position: 47% 39%, -19% 33%, 79% 13%, 56% 74%, 61% 3%, 35% 61%, 35% 28%, 113% 2%, 7% 83%, 99% 23%, -4% 86%, -11% 81%, 41% 98%, 118% 50%, 109% 4%;
  }
  68% {
    background-position: 53% 39%, -12% 33%, 75% 13%, 62% 74%, 10% 3%, 91% 61%, 31% 28%, 3% 2%, 86% 83%, -3% 23%, 31% 86%, -23% 81%, 16% 98%, 78% 50%, 1% 4%;
  }
  69% {
    background-position: 111% 39%, 70% 33%, 112% 13%, -17% 74%, 84% 3%, -2% 61%, 57% 28%, -19% 2%, 117% 83%, 53% 23%, 9% 86%, 36% 81%, 94% 98%, 61% 50%, 116% 4%;
  }
  70% {
    background-position: -8% 39%, -12% 33%, 51% 13%, 116% 74%, 83% 3%, -10% 61%, 19% 28%, 35% 2%, 95% 83%, 57% 23%, 124% 86%, 60% 81%, 18% 98%, 74% 50%, 28% 4%;
  }
  71% {
    background-position: -19% 39%, 59% 33%, 37% 13%, 31% 74%, -7% 3%, 83% 61%, -3% 28%, 44% 2%, 92% 83%, 116% 23%, -6% 86%, 51% 81%, 75% 98%, -6% 50%, 121% 4%;
  }
  72% {
    background-position: 25% 39%, 107% 33%, 62% 13%, 77% 74%, 85% 3%, 40% 61%, 116% 28%, 55% 2%, -20% 83%, 20% 23%, 54% 86%, 108% 81%, -3% 98%, 112% 50%, 89% 4%;
  }
  73% {
    background-position: 48% 39%, 80% 33%, 17% 13%, -17% 74%, 86% 3%, -24% 61%, -24% 28%, 29% 2%, -1% 83%, 11% 23%, 93% 86%, 13% 81%, 101% 98%, 100% 50%, 28% 4%;
  }
  74% {
    background-position: 18% 39%, 45% 33%, 88% 13%, 104% 74%, 95% 3%, 1% 61%, 83% 28%, -14% 2%, 78% 83%, 111% 23%, 22% 86%, -13% 81%, 38% 98%, 6% 50%, 94% 4%;
  }
  75% {
    background-position: 92% 39%, 26% 33%, 76% 13%, 57% 74%, 121% 3%, 107% 61%, 18% 28%, 65% 2%, 44% 83%, 1% 23%, 54% 86%, 1% 81%, -5% 98%, 37% 50%, 113% 4%;
  }
  76% {
    background-position: -2% 39%, -21% 33%, 93% 13%, -4% 74%, 122% 3%, 21% 61%, 67% 28%, 66% 2%, 64% 83%, 94% 23%, 10% 86%, 25% 81%, 14% 98%, 93% 50%, 87% 4%;
  }
  77% {
    background-position: 85% 39%, -21% 33%, 12% 13%, 76% 74%, 8% 3%, 25% 61%, 11% 28%, -7% 2%, 61% 83%, 40% 23%, -24% 86%, 85% 81%, 120% 98%, 0% 50%, 53% 4%;
  }
  78% {
    background-position: 114% 39%, 123% 33%, 118% 13%, 90% 74%, 79% 3%, 98% 61%, 68% 28%, 84% 2%, 79% 83%, 61% 23%, 94% 86%, 6% 81%, 33% 98%, 40% 50%, 88% 4%;
  }
  79% {
    background-position: 61% 39%, 114% 33%, 30% 13%, 89% 74%, 90% 3%, -18% 61%, 38% 28%, 53% 2%, 97% 83%, -2% 23%, 65% 86%, 42% 81%, 88% 98%, 86% 50%, 80% 4%;
  }
  80% {
    background-position: 0% 39%, 35% 33%, -4% 13%, 69% 74%, 120% 3%, -7% 61%, 87% 28%, 102% 2%, 43% 83%, 77% 23%, 44% 86%, 8% 81%, 68% 98%, 46% 50%, 7% 4%;
  }
  81% {
    background-position: 85% 39%, 72% 33%, 66% 13%, 34% 74%, 22% 3%, 95% 61%, -17% 28%, 78% 2%, 83% 83%, 79% 23%, 44% 86%, -24% 81%, 44% 98%, 107% 50%, 101% 4%;
  }
  82% {
    background-position: 47% 39%, 73% 33%, 26% 13%, 6% 74%, -21% 3%, 97% 61%, 47% 28%, -4% 2%, 70% 83%, -23% 23%, 5% 86%, 60% 81%, 87% 98%, 108% 50%, -16% 4%;
  }
  83% {
    background-position: 116% 39%, 6% 33%, 37% 13%, 59% 74%, 46% 3%, -4% 61%, 82% 28%, -6% 2%, -19% 83%, 31% 23%, 35% 86%, 93% 81%, 117% 98%, 62% 50%, 80% 4%;
  }
  84% {
    background-position: 23% 39%, 50% 33%, 62% 13%, 66% 74%, 13% 3%, 12% 61%, 82% 28%, 32% 2%, 125% 83%, 67% 23%, 81% 86%, 121% 81%, 91% 98%, 64% 50%, 95% 4%;
  }
  85% {
    background-position: 6% 39%, 28% 33%, 72% 13%, 90% 74%, 8% 3%, 65% 61%, 2% 28%, 38% 2%, 119% 83%, 85% 23%, 85% 86%, 36% 81%, 75% 98%, 21% 50%, 101% 4%;
  }
  86% {
    background-position: 30% 39%, 83% 33%, 63% 13%, -24% 74%, 121% 3%, 18% 61%, 27% 28%, 101% 2%, 90% 83%, -12% 23%, 40% 86%, 121% 81%, 27% 98%, 36% 50%, 114% 4%;
  }
  87% {
    background-position: 97% 39%, 79% 33%, 32% 13%, 117% 74%, 41% 3%, 125% 61%, 6% 28%, 54% 2%, 11% 83%, -10% 23%, 100% 86%, -6% 81%, 122% 98%, -11% 50%, -19% 4%;
  }
  88% {
    background-position: 64% 39%, -21% 33%, 77% 13%, 74% 74%, 5% 3%, 113% 61%, 2% 28%, 65% 2%, 41% 83%, 100% 23%, 91% 86%, 2% 81%, 93% 98%, -3% 50%, 109% 4%;
  }
  89% {
    background-position: 51% 39%, 42% 33%, 104% 13%, 22% 74%, -13% 3%, 8% 61%, 52% 28%, -11% 2%, 18% 83%, 78% 23%, 69% 86%, 24% 81%, 35% 98%, 75% 50%, 111% 4%;
  }
  90% {
    background-position: 80% 39%, 61% 33%, 77% 13%, 92% 74%, 53% 3%, 93% 61%, 94% 28%, -13% 2%, 72% 83%, 90% 23%, 17% 86%, 87% 81%, 12% 98%, 89% 50%, 14% 4%;
  }
  91% {
    background-position: -12% 39%, 58% 33%, 47% 13%, 0% 74%, 17% 3%, 0% 61%, 7% 28%, 9% 2%, -24% 83%, 8% 23%, 34% 86%, 58% 81%, 96% 98%, -8% 50%, 16% 4%;
  }
  92% {
    background-position: 32% 39%, 1% 33%, 96% 13%, -24% 74%, 2% 3%, 24% 61%, -13% 28%, -6% 2%, 115% 83%, -5% 23%, 54% 86%, 53% 81%, 117% 98%, 70% 50%, 67% 4%;
  }
  93% {
    background-position: 110% 39%, 53% 33%, 65% 13%, 119% 74%, -8% 3%, 59% 61%, 118% 28%, 73% 2%, 116% 83%, 101% 23%, -23% 86%, 124% 81%, 73% 98%, 113% 50%, -3% 4%;
  }
  94% {
    background-position: 62% 39%, 70% 33%, 88% 13%, 24% 74%, 71% 3%, 98% 61%, 55% 28%, 97% 2%, -8% 83%, -14% 23%, -21% 86%, 28% 81%, 27% 98%, 96% 50%, 44% 4%;
  }
  95% {
    background-position: 13% 39%, 16% 33%, 22% 13%, 56% 74%, 59% 3%, 97% 61%, 26% 28%, 53% 2%, -10% 83%, 75% 23%, 65% 86%, 28% 81%, 20% 98%, 0% 50%, 43% 4%;
  }
  96% {
    background-position: 109% 39%, 40% 33%, 63% 13%, 85% 74%, 80% 3%, 75% 61%, -3% 28%, 106% 2%, 20% 83%, 19% 23%, 110% 86%, 113% 81%, 84% 98%, 39% 50%, 8% 4%;
  }
  97% {
    background-position: 76% 39%, 110% 33%, -8% 13%, 121% 74%, -3% 3%, 123% 61%, 4% 28%, 29% 2%, 70% 83%, 44% 23%, 30% 86%, 108% 81%, 40% 98%, 57% 50%, 1% 4%;
  }
  98% {
    background-position: 50% 39%, 48% 33%, 15% 13%, 114% 74%, -14% 3%, 125% 61%, 112% 28%, -18% 2%, 27% 83%, 123% 23%, 25% 86%, -1% 81%, -18% 98%, 13% 50%, -9% 4%;
  }
  99% {
    background-position: 49% 39%, 111% 33%, 10% 13%, 116% 74%, -16% 3%, 94% 61%, 80% 28%, 20% 2%, 12% 83%, 84% 23%, 16% 86%, 108% 81%, 54% 98%, 44% 50%, -3% 4%;
  }
  100% {
    background-position: 12% 39%, 21% 33%, 56% 13%, 4% 74%, 50% 3%, 100% 61%, 70% 28%, 26% 2%, 20% 83%, 8% 23%, 87% 86%, 123% 81%, 99% 98%, 57% 50%, 84% 4%;
  }
}



::-webkit-scrollbar {
  width: 12px; 
}


::-webkit-scrollbar-thumb {
  background-color: #00f2ff; 

}


::-webkit-scrollbar-track {
  background-color: rgb(0, 0, 0) 
}




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

.background {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent);
          mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent);
}

.circle-container {
  position: absolute;
  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% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.circle-container:nth-child(1) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 28293ms;
          animation-duration: 28293ms;
  -webkit-animation-delay: 36776ms;
          animation-delay: 36776ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    transform: translate3d(86vw, 110vh, 0);
  }
  to {
    transform: translate3d(79vw, -124vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(86vw, 110vh, 0);
  }
  to {
    transform: translate3d(79vw, -124vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  -webkit-animation-delay: 70ms;
          animation-delay: 70ms;
}
.circle-container:nth-child(2) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 35848ms;
          animation-duration: 35848ms;
  -webkit-animation-delay: 14233ms;
          animation-delay: 14233ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    transform: translate3d(40vw, 108vh, 0);
  }
  to {
    transform: translate3d(57vw, -131vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(40vw, 108vh, 0);
  }
  to {
    transform: translate3d(57vw, -131vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  -webkit-animation-delay: 3192ms;
          animation-delay: 3192ms;
}
.circle-container:nth-child(3) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 36740ms;
          animation-duration: 36740ms;
  -webkit-animation-delay: 29578ms;
          animation-delay: 29578ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(19vw, -124vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(19vw, -124vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  -webkit-animation-delay: 3632ms;
          animation-delay: 3632ms;
}
.circle-container:nth-child(4) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 29902ms;
          animation-duration: 29902ms;
  -webkit-animation-delay: 18475ms;
          animation-delay: 18475ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -119vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -119vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  -webkit-animation-delay: 2485ms;
          animation-delay: 2485ms;
}
.circle-container:nth-child(5) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 28673ms;
          animation-duration: 28673ms;
  -webkit-animation-delay: 6437ms;
          animation-delay: 6437ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    transform: translate3d(77vw, 103vh, 0);
  }
  to {
    transform: translate3d(65vw, -133vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(77vw, 103vh, 0);
  }
  to {
    transform: translate3d(65vw, -133vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  -webkit-animation-delay: 3254ms;
          animation-delay: 3254ms;
}
.circle-container:nth-child(6) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 30241ms;
          animation-duration: 30241ms;
  -webkit-animation-delay: 7787ms;
          animation-delay: 7787ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    transform: translate3d(17vw, 109vh, 0);
  }
  to {
    transform: translate3d(79vw, -121vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(17vw, 109vh, 0);
  }
  to {
    transform: translate3d(79vw, -121vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  -webkit-animation-delay: 3943ms;
          animation-delay: 3943ms;
}
.circle-container:nth-child(7) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 36486ms;
          animation-duration: 36486ms;
  -webkit-animation-delay: 30131ms;
          animation-delay: 30131ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    transform: translate3d(16vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -126vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(16vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -126vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  -webkit-animation-delay: 2892ms;
          animation-delay: 2892ms;
}
.circle-container:nth-child(8) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 31281ms;
          animation-duration: 31281ms;
  -webkit-animation-delay: 25241ms;
          animation-delay: 25241ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    transform: translate3d(10vw, 104vh, 0);
  }
  to {
    transform: translate3d(88vw, -107vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(10vw, 104vh, 0);
  }
  to {
    transform: translate3d(88vw, -107vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  -webkit-animation-delay: 1008ms;
          animation-delay: 1008ms;
}
.circle-container:nth-child(9) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 32893ms;
          animation-duration: 32893ms;
  -webkit-animation-delay: 12373ms;
          animation-delay: 12373ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    transform: translate3d(53vw, 108vh, 0);
  }
  to {
    transform: translate3d(38vw, -114vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(53vw, 108vh, 0);
  }
  to {
    transform: translate3d(38vw, -114vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  -webkit-animation-delay: 2490ms;
          animation-delay: 2490ms;
}
.circle-container:nth-child(10) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 30238ms;
          animation-duration: 30238ms;
  -webkit-animation-delay: 33397ms;
          animation-delay: 33397ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    transform: translate3d(88vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -116vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(88vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -116vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  -webkit-animation-delay: 12ms;
          animation-delay: 12ms;
}
.circle-container:nth-child(11) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 29603ms;
          animation-duration: 29603ms;
  -webkit-animation-delay: 33672ms;
          animation-delay: 33672ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    transform: translate3d(82vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -126vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(82vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -126vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  -webkit-animation-delay: 3265ms;
          animation-delay: 3265ms;
}
.circle-container:nth-child(12) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 34623ms;
          animation-duration: 34623ms;
  -webkit-animation-delay: 29806ms;
          animation-delay: 29806ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(52vw, -117vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(52vw, -117vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  -webkit-animation-delay: 1574ms;
          animation-delay: 1574ms;
}
.circle-container:nth-child(13) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 29228ms;
          animation-duration: 29228ms;
  -webkit-animation-delay: 25424ms;
          animation-delay: 25424ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    transform: translate3d(27vw, 102vh, 0);
  }
  to {
    transform: translate3d(97vw, -115vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(27vw, 102vh, 0);
  }
  to {
    transform: translate3d(97vw, -115vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  -webkit-animation-delay: 769ms;
          animation-delay: 769ms;
}
.circle-container:nth-child(14) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 34002ms;
          animation-duration: 34002ms;
  -webkit-animation-delay: 10877ms;
          animation-delay: 10877ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    transform: translate3d(1vw, 106vh, 0);
  }
  to {
    transform: translate3d(58vw, -133vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(1vw, 106vh, 0);
  }
  to {
    transform: translate3d(58vw, -133vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  -webkit-animation-delay: 492ms;
          animation-delay: 492ms;
}
.circle-container:nth-child(15) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 31821ms;
          animation-duration: 31821ms;
  -webkit-animation-delay: 11990ms;
          animation-delay: 11990ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    transform: translate3d(60vw, 102vh, 0);
  }
  to {
    transform: translate3d(29vw, -111vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(60vw, 102vh, 0);
  }
  to {
    transform: translate3d(29vw, -111vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  -webkit-animation-delay: 3264ms;
          animation-delay: 3264ms;
}
.circle-container:nth-child(16) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 29899ms;
          animation-duration: 29899ms;
  -webkit-animation-delay: 32680ms;
          animation-delay: 32680ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(51vw, -133vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(51vw, -133vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  -webkit-animation-delay: 1222ms;
          animation-delay: 1222ms;
}
.circle-container:nth-child(17) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 34643ms;
          animation-duration: 34643ms;
  -webkit-animation-delay: 12048ms;
          animation-delay: 12048ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    transform: translate3d(79vw, 105vh, 0);
  }
  to {
    transform: translate3d(52vw, -124vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(79vw, 105vh, 0);
  }
  to {
    transform: translate3d(52vw, -124vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  -webkit-animation-delay: 2538ms;
          animation-delay: 2538ms;
}
.circle-container:nth-child(18) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 35358ms;
          animation-duration: 35358ms;
  -webkit-animation-delay: 30367ms;
          animation-delay: 30367ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    transform: translate3d(15vw, 110vh, 0);
  }
  to {
    transform: translate3d(22vw, -122vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(15vw, 110vh, 0);
  }
  to {
    transform: translate3d(22vw, -122vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  -webkit-animation-delay: 836ms;
          animation-delay: 836ms;
}
.circle-container:nth-child(19) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 36954ms;
          animation-duration: 36954ms;
  -webkit-animation-delay: 21845ms;
          animation-delay: 21845ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    transform: translate3d(84vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -117vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(84vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -117vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  -webkit-animation-delay: 1729ms;
          animation-delay: 1729ms;
}
.circle-container:nth-child(20) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 30477ms;
          animation-duration: 30477ms;
  -webkit-animation-delay: 26255ms;
          animation-delay: 26255ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    transform: translate3d(18vw, 103vh, 0);
  }
  to {
    transform: translate3d(35vw, -116vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(18vw, 103vh, 0);
  }
  to {
    transform: translate3d(35vw, -116vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  -webkit-animation-delay: 3180ms;
          animation-delay: 3180ms;
}
.circle-container:nth-child(21) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 33053ms;
          animation-duration: 33053ms;
  -webkit-animation-delay: 14778ms;
          animation-delay: 14778ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    transform: translate3d(78vw, 104vh, 0);
  }
  to {
    transform: translate3d(68vw, -131vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(78vw, 104vh, 0);
  }
  to {
    transform: translate3d(68vw, -131vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  -webkit-animation-delay: 2993ms;
          animation-delay: 2993ms;
}
.circle-container:nth-child(22) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 36965ms;
          animation-duration: 36965ms;
  -webkit-animation-delay: 36408ms;
          animation-delay: 36408ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    transform: translate3d(37vw, 104vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(37vw, 104vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  -webkit-animation-delay: 2799ms;
          animation-delay: 2799ms;
}
.circle-container:nth-child(23) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 35647ms;
          animation-duration: 35647ms;
  -webkit-animation-delay: 20837ms;
          animation-delay: 20837ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    transform: translate3d(95vw, 106vh, 0);
  }
  to {
    transform: translate3d(14vw, -116vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(95vw, 106vh, 0);
  }
  to {
    transform: translate3d(14vw, -116vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  -webkit-animation-delay: 2200ms;
          animation-delay: 2200ms;
}
.circle-container:nth-child(24) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 28988ms;
          animation-duration: 28988ms;
  -webkit-animation-delay: 21029ms;
          animation-delay: 21029ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    transform: translate3d(67vw, 101vh, 0);
  }
  to {
    transform: translate3d(60vw, -128vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(67vw, 101vh, 0);
  }
  to {
    transform: translate3d(60vw, -128vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  -webkit-animation-delay: 1001ms;
          animation-delay: 1001ms;
}
.circle-container:nth-child(25) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 36750ms;
          animation-duration: 36750ms;
  -webkit-animation-delay: 27989ms;
          animation-delay: 27989ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    transform: translate3d(71vw, 108vh, 0);
  }
  to {
    transform: translate3d(17vw, -130vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(71vw, 108vh, 0);
  }
  to {
    transform: translate3d(17vw, -130vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  -webkit-animation-delay: 74ms;
          animation-delay: 74ms;
}
.circle-container:nth-child(26) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 29322ms;
          animation-duration: 29322ms;
  -webkit-animation-delay: 22564ms;
          animation-delay: 22564ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    transform: translate3d(90vw, 106vh, 0);
  }
  to {
    transform: translate3d(72vw, -126vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(90vw, 106vh, 0);
  }
  to {
    transform: translate3d(72vw, -126vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  -webkit-animation-delay: 439ms;
          animation-delay: 439ms;
}
.circle-container:nth-child(27) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 32691ms;
          animation-duration: 32691ms;
  -webkit-animation-delay: 9530ms;
          animation-delay: 9530ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    transform: translate3d(80vw, 101vh, 0);
  }
  to {
    transform: translate3d(53vw, -110vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(80vw, 101vh, 0);
  }
  to {
    transform: translate3d(53vw, -110vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  -webkit-animation-delay: 951ms;
          animation-delay: 951ms;
}
.circle-container:nth-child(28) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 33964ms;
          animation-duration: 33964ms;
  -webkit-animation-delay: 9927ms;
          animation-delay: 9927ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    transform: translate3d(19vw, 103vh, 0);
  }
  to {
    transform: translate3d(4vw, -116vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(19vw, 103vh, 0);
  }
  to {
    transform: translate3d(4vw, -116vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  -webkit-animation-delay: 870ms;
          animation-delay: 870ms;
}
.circle-container:nth-child(29) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 36831ms;
          animation-duration: 36831ms;
  -webkit-animation-delay: 28914ms;
          animation-delay: 28914ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    transform: translate3d(3vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -116vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(3vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -116vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  -webkit-animation-delay: 1211ms;
          animation-delay: 1211ms;
}
.circle-container:nth-child(30) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 31253ms;
          animation-duration: 31253ms;
  -webkit-animation-delay: 26532ms;
          animation-delay: 26532ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(35vw, -116vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(35vw, -116vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  -webkit-animation-delay: 1562ms;
          animation-delay: 1562ms;
}
.circle-container:nth-child(31) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 35592ms;
          animation-duration: 35592ms;
  -webkit-animation-delay: 18695ms;
          animation-delay: 18695ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    transform: translate3d(79vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -104vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(79vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -104vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  -webkit-animation-delay: 2663ms;
          animation-delay: 2663ms;
}
.circle-container:nth-child(32) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 32872ms;
          animation-duration: 32872ms;
  -webkit-animation-delay: 18981ms;
          animation-delay: 18981ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    transform: translate3d(66vw, 103vh, 0);
  }
  to {
    transform: translate3d(12vw, -112vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(66vw, 103vh, 0);
  }
  to {
    transform: translate3d(12vw, -112vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  -webkit-animation-delay: 431ms;
          animation-delay: 431ms;
}
.circle-container:nth-child(33) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 33845ms;
          animation-duration: 33845ms;
  -webkit-animation-delay: 25001ms;
          animation-delay: 25001ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(43vw, -133vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(43vw, -133vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  -webkit-animation-delay: 2090ms;
          animation-delay: 2090ms;
}
.circle-container:nth-child(34) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 30558ms;
          animation-duration: 30558ms;
  -webkit-animation-delay: 11695ms;
          animation-delay: 11695ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    transform: translate3d(15vw, 110vh, 0);
  }
  to {
    transform: translate3d(62vw, -124vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(15vw, 110vh, 0);
  }
  to {
    transform: translate3d(62vw, -124vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  -webkit-animation-delay: 2288ms;
          animation-delay: 2288ms;
}
.circle-container:nth-child(35) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 33928ms;
          animation-duration: 33928ms;
  -webkit-animation-delay: 19761ms;
          animation-delay: 19761ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -115vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -115vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  -webkit-animation-delay: 2383ms;
          animation-delay: 2383ms;
}
.circle-container:nth-child(36) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 29232ms;
          animation-duration: 29232ms;
  -webkit-animation-delay: 2478ms;
          animation-delay: 2478ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(21vw, -131vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(21vw, -131vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  -webkit-animation-delay: 1394ms;
          animation-delay: 1394ms;
}
.circle-container:nth-child(37) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 28559ms;
          animation-duration: 28559ms;
  -webkit-animation-delay: 3343ms;
          animation-delay: 3343ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -124vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -124vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  -webkit-animation-delay: 1637ms;
          animation-delay: 1637ms;
}
.circle-container:nth-child(38) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 31318ms;
          animation-duration: 31318ms;
  -webkit-animation-delay: 13977ms;
          animation-delay: 13977ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -119vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(57vw, -119vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  -webkit-animation-delay: 2870ms;
          animation-delay: 2870ms;
}
.circle-container:nth-child(39) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 31797ms;
          animation-duration: 31797ms;
  -webkit-animation-delay: 8567ms;
          animation-delay: 8567ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(8vw, -103vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(8vw, -103vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  -webkit-animation-delay: 1538ms;
          animation-delay: 1538ms;
}
.circle-container:nth-child(40) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 35499ms;
          animation-duration: 35499ms;
  -webkit-animation-delay: 34307ms;
          animation-delay: 34307ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    transform: translate3d(84vw, 107vh, 0);
  }
  to {
    transform: translate3d(10vw, -118vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(84vw, 107vh, 0);
  }
  to {
    transform: translate3d(10vw, -118vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  -webkit-animation-delay: 3129ms;
          animation-delay: 3129ms;
}
.circle-container:nth-child(41) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 30792ms;
          animation-duration: 30792ms;
  -webkit-animation-delay: 27147ms;
          animation-delay: 27147ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -115vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -115vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  -webkit-animation-delay: 2458ms;
          animation-delay: 2458ms;
}
.circle-container:nth-child(42) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 32133ms;
          animation-duration: 32133ms;
  -webkit-animation-delay: 4564ms;
          animation-delay: 4564ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -138vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -138vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  -webkit-animation-delay: 2395ms;
          animation-delay: 2395ms;
}
.circle-container:nth-child(43) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 32462ms;
          animation-duration: 32462ms;
  -webkit-animation-delay: 33034ms;
          animation-delay: 33034ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(45vw, -134vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(45vw, -134vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  -webkit-animation-delay: 3072ms;
          animation-delay: 3072ms;
}
.circle-container:nth-child(44) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 29610ms;
          animation-duration: 29610ms;
  -webkit-animation-delay: 34611ms;
          animation-delay: 34611ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    transform: translate3d(63vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -133vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(63vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -133vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  -webkit-animation-delay: 3988ms;
          animation-delay: 3988ms;
}
.circle-container:nth-child(45) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 36642ms;
          animation-duration: 36642ms;
  -webkit-animation-delay: 21210ms;
          animation-delay: 21210ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(47vw, -131vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(47vw, -131vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  -webkit-animation-delay: 1003ms;
          animation-delay: 1003ms;
}
.circle-container:nth-child(46) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 33182ms;
          animation-duration: 33182ms;
  -webkit-animation-delay: 2278ms;
          animation-delay: 2278ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(70vw, -131vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(70vw, -131vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  -webkit-animation-delay: 923ms;
          animation-delay: 923ms;
}
.circle-container:nth-child(47) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 35611ms;
          animation-duration: 35611ms;
  -webkit-animation-delay: 14646ms;
          animation-delay: 14646ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    transform: translate3d(97vw, 109vh, 0);
  }
  to {
    transform: translate3d(35vw, -136vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(97vw, 109vh, 0);
  }
  to {
    transform: translate3d(35vw, -136vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  -webkit-animation-delay: 160ms;
          animation-delay: 160ms;
}
.circle-container:nth-child(48) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 31149ms;
          animation-duration: 31149ms;
  -webkit-animation-delay: 36713ms;
          animation-delay: 36713ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    transform: translate3d(10vw, 102vh, 0);
  }
  to {
    transform: translate3d(16vw, -128vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(10vw, 102vh, 0);
  }
  to {
    transform: translate3d(16vw, -128vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  -webkit-animation-delay: 892ms;
          animation-delay: 892ms;
}
.circle-container:nth-child(49) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 29885ms;
          animation-duration: 29885ms;
  -webkit-animation-delay: 22590ms;
          animation-delay: 22590ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    transform: translate3d(14vw, 104vh, 0);
  }
  to {
    transform: translate3d(15vw, -123vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(14vw, 104vh, 0);
  }
  to {
    transform: translate3d(15vw, -123vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  -webkit-animation-delay: 3076ms;
          animation-delay: 3076ms;
}
.circle-container:nth-child(50) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 32715ms;
          animation-duration: 32715ms;
  -webkit-animation-delay: 9650ms;
          animation-delay: 9650ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(28vw, -103vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(28vw, -103vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  -webkit-animation-delay: 766ms;
          animation-delay: 766ms;
}
.circle-container:nth-child(51) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 36647ms;
          animation-duration: 36647ms;
  -webkit-animation-delay: 14404ms;
          animation-delay: 14404ms;
}
@-webkit-keyframes move-frames-51 {
  from {
    transform: translate3d(9vw, 108vh, 0);
  }
  to {
    transform: translate3d(58vw, -112vh, 0);
  }
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(9vw, 108vh, 0);
  }
  to {
    transform: translate3d(58vw, -112vh, 0);
  }
}
.circle-container:nth-child(51) .circle {
  -webkit-animation-delay: 1231ms;
          animation-delay: 1231ms;
}
.circle-container:nth-child(52) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 29456ms;
          animation-duration: 29456ms;
  -webkit-animation-delay: 17891ms;
          animation-delay: 17891ms;
}
@-webkit-keyframes move-frames-52 {
  from {
    transform: translate3d(57vw, 107vh, 0);
  }
  to {
    transform: translate3d(18vw, -110vh, 0);
  }
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(57vw, 107vh, 0);
  }
  to {
    transform: translate3d(18vw, -110vh, 0);
  }
}
.circle-container:nth-child(52) .circle {
  -webkit-animation-delay: 2496ms;
          animation-delay: 2496ms;
}
.circle-container:nth-child(53) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 31180ms;
          animation-duration: 31180ms;
  -webkit-animation-delay: 17878ms;
          animation-delay: 17878ms;
}
@-webkit-keyframes move-frames-53 {
  from {
    transform: translate3d(62vw, 103vh, 0);
  }
  to {
    transform: translate3d(95vw, -125vh, 0);
  }
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(62vw, 103vh, 0);
  }
  to {
    transform: translate3d(95vw, -125vh, 0);
  }
}
.circle-container:nth-child(53) .circle {
  -webkit-animation-delay: 2076ms;
          animation-delay: 2076ms;
}
.circle-container:nth-child(54) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 36554ms;
          animation-duration: 36554ms;
  -webkit-animation-delay: 16074ms;
          animation-delay: 16074ms;
}
@-webkit-keyframes move-frames-54 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(84vw, -134vh, 0);
  }
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(84vw, -134vh, 0);
  }
}
.circle-container:nth-child(54) .circle {
  -webkit-animation-delay: 1580ms;
          animation-delay: 1580ms;
}
.circle-container:nth-child(55) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 29455ms;
          animation-duration: 29455ms;
  -webkit-animation-delay: 36382ms;
          animation-delay: 36382ms;
}
@-webkit-keyframes move-frames-55 {
  from {
    transform: translate3d(98vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -121vh, 0);
  }
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(98vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -121vh, 0);
  }
}
.circle-container:nth-child(55) .circle {
  -webkit-animation-delay: 3511ms;
          animation-delay: 3511ms;
}
.circle-container:nth-child(56) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 30972ms;
          animation-duration: 30972ms;
  -webkit-animation-delay: 26749ms;
          animation-delay: 26749ms;
}
@-webkit-keyframes move-frames-56 {
  from {
    transform: translate3d(50vw, 103vh, 0);
  }
  to {
    transform: translate3d(53vw, -128vh, 0);
  }
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(50vw, 103vh, 0);
  }
  to {
    transform: translate3d(53vw, -128vh, 0);
  }
}
.circle-container:nth-child(56) .circle {
  -webkit-animation-delay: 2815ms;
          animation-delay: 2815ms;
}
.circle-container:nth-child(57) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 31437ms;
          animation-duration: 31437ms;
  -webkit-animation-delay: 27467ms;
          animation-delay: 27467ms;
}
@-webkit-keyframes move-frames-57 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(70vw, -107vh, 0);
  }
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(70vw, -107vh, 0);
  }
}
.circle-container:nth-child(57) .circle {
  -webkit-animation-delay: 1631ms;
          animation-delay: 1631ms;
}
.circle-container:nth-child(58) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 33165ms;
          animation-duration: 33165ms;
  -webkit-animation-delay: 34816ms;
          animation-delay: 34816ms;
}
@-webkit-keyframes move-frames-58 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -127vh, 0);
  }
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -127vh, 0);
  }
}
.circle-container:nth-child(58) .circle {
  -webkit-animation-delay: 1625ms;
          animation-delay: 1625ms;
}
.circle-container:nth-child(59) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 32244ms;
          animation-duration: 32244ms;
  -webkit-animation-delay: 8387ms;
          animation-delay: 8387ms;
}
@-webkit-keyframes move-frames-59 {
  from {
    transform: translate3d(33vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -135vh, 0);
  }
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(33vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -135vh, 0);
  }
}
.circle-container:nth-child(59) .circle {
  -webkit-animation-delay: 1329ms;
          animation-delay: 1329ms;
}
.circle-container:nth-child(60) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 30351ms;
          animation-duration: 30351ms;
  -webkit-animation-delay: 12592ms;
          animation-delay: 12592ms;
}
@-webkit-keyframes move-frames-60 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(92vw, -110vh, 0);
  }
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(92vw, -110vh, 0);
  }
}
.circle-container:nth-child(60) .circle {
  -webkit-animation-delay: 1777ms;
          animation-delay: 1777ms;
}
.circle-container:nth-child(61) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 31386ms;
          animation-duration: 31386ms;
  -webkit-animation-delay: 12887ms;
          animation-delay: 12887ms;
}
@-webkit-keyframes move-frames-61 {
  from {
    transform: translate3d(30vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -121vh, 0);
  }
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(30vw, 107vh, 0);
  }
  to {
    transform: translate3d(22vw, -121vh, 0);
  }
}
.circle-container:nth-child(61) .circle {
  -webkit-animation-delay: 3142ms;
          animation-delay: 3142ms;
}
.circle-container:nth-child(62) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 36012ms;
          animation-duration: 36012ms;
  -webkit-animation-delay: 19654ms;
          animation-delay: 19654ms;
}
@-webkit-keyframes move-frames-62 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(47vw, -133vh, 0);
  }
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(47vw, -133vh, 0);
  }
}
.circle-container:nth-child(62) .circle {
  -webkit-animation-delay: 444ms;
          animation-delay: 444ms;
}
.circle-container:nth-child(63) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 32003ms;
          animation-duration: 32003ms;
  -webkit-animation-delay: 34368ms;
          animation-delay: 34368ms;
}
@-webkit-keyframes move-frames-63 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(12vw, -114vh, 0);
  }
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(12vw, -114vh, 0);
  }
}
.circle-container:nth-child(63) .circle {
  -webkit-animation-delay: 2606ms;
          animation-delay: 2606ms;
}
.circle-container:nth-child(64) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 36988ms;
          animation-duration: 36988ms;
  -webkit-animation-delay: 33319ms;
          animation-delay: 33319ms;
}
@-webkit-keyframes move-frames-64 {
  from {
    transform: translate3d(14vw, 109vh, 0);
  }
  to {
    transform: translate3d(33vw, -111vh, 0);
  }
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(14vw, 109vh, 0);
  }
  to {
    transform: translate3d(33vw, -111vh, 0);
  }
}
.circle-container:nth-child(64) .circle {
  -webkit-animation-delay: 3016ms;
          animation-delay: 3016ms;
}
.circle-container:nth-child(65) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 34689ms;
          animation-duration: 34689ms;
  -webkit-animation-delay: 27485ms;
          animation-delay: 27485ms;
}
@-webkit-keyframes move-frames-65 {
  from {
    transform: translate3d(78vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -140vh, 0);
  }
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(78vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -140vh, 0);
  }
}
.circle-container:nth-child(65) .circle {
  -webkit-animation-delay: 3078ms;
          animation-delay: 3078ms;
}
.circle-container:nth-child(66) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 35404ms;
          animation-duration: 35404ms;
  -webkit-animation-delay: 28606ms;
          animation-delay: 28606ms;
}
@-webkit-keyframes move-frames-66 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(62vw, -114vh, 0);
  }
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(62vw, -114vh, 0);
  }
}
.circle-container:nth-child(66) .circle {
  -webkit-animation-delay: 805ms;
          animation-delay: 805ms;
}
.circle-container:nth-child(67) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 32263ms;
          animation-duration: 32263ms;
  -webkit-animation-delay: 26006ms;
          animation-delay: 26006ms;
}
@-webkit-keyframes move-frames-67 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(79vw, -133vh, 0);
  }
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(87vw, 107vh, 0);
  }
  to {
    transform: translate3d(79vw, -133vh, 0);
  }
}
.circle-container:nth-child(67) .circle {
  -webkit-animation-delay: 3746ms;
          animation-delay: 3746ms;
}
.circle-container:nth-child(68) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 31923ms;
          animation-duration: 31923ms;
  -webkit-animation-delay: 14508ms;
          animation-delay: 14508ms;
}
@-webkit-keyframes move-frames-68 {
  from {
    transform: translate3d(29vw, 103vh, 0);
  }
  to {
    transform: translate3d(54vw, -118vh, 0);
  }
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(29vw, 103vh, 0);
  }
  to {
    transform: translate3d(54vw, -118vh, 0);
  }
}
.circle-container:nth-child(68) .circle {
  -webkit-animation-delay: 654ms;
          animation-delay: 654ms;
}
.circle-container:nth-child(69) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 31940ms;
          animation-duration: 31940ms;
  -webkit-animation-delay: 10812ms;
          animation-delay: 10812ms;
}
@-webkit-keyframes move-frames-69 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(81vw, -128vh, 0);
  }
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(81vw, -128vh, 0);
  }
}
.circle-container:nth-child(69) .circle {
  -webkit-animation-delay: 980ms;
          animation-delay: 980ms;
}
.circle-container:nth-child(70) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 33317ms;
          animation-duration: 33317ms;
  -webkit-animation-delay: 16315ms;
          animation-delay: 16315ms;
}
@-webkit-keyframes move-frames-70 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(99vw, -116vh, 0);
  }
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(99vw, -116vh, 0);
  }
}
.circle-container:nth-child(70) .circle {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
}
.circle-container:nth-child(71) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 34670ms;
          animation-duration: 34670ms;
  -webkit-animation-delay: 4027ms;
          animation-delay: 4027ms;
}
@-webkit-keyframes move-frames-71 {
  from {
    transform: translate3d(78vw, 110vh, 0);
  }
  to {
    transform: translate3d(11vw, -117vh, 0);
  }
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(78vw, 110vh, 0);
  }
  to {
    transform: translate3d(11vw, -117vh, 0);
  }
}
.circle-container:nth-child(71) .circle {
  -webkit-animation-delay: 1997ms;
          animation-delay: 1997ms;
}
.circle-container:nth-child(72) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 33284ms;
          animation-duration: 33284ms;
  -webkit-animation-delay: 24986ms;
          animation-delay: 24986ms;
}
@-webkit-keyframes move-frames-72 {
  from {
    transform: translate3d(4vw, 108vh, 0);
  }
  to {
    transform: translate3d(95vw, -113vh, 0);
  }
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(4vw, 108vh, 0);
  }
  to {
    transform: translate3d(95vw, -113vh, 0);
  }
}
.circle-container:nth-child(72) .circle {
  -webkit-animation-delay: 88ms;
          animation-delay: 88ms;
}
.circle-container:nth-child(73) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 33793ms;
          animation-duration: 33793ms;
  -webkit-animation-delay: 28151ms;
          animation-delay: 28151ms;
}
@-webkit-keyframes move-frames-73 {
  from {
    transform: translate3d(85vw, 103vh, 0);
  }
  to {
    transform: translate3d(65vw, -106vh, 0);
  }
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(85vw, 103vh, 0);
  }
  to {
    transform: translate3d(65vw, -106vh, 0);
  }
}
.circle-container:nth-child(73) .circle {
  -webkit-animation-delay: 2760ms;
          animation-delay: 2760ms;
}
.circle-container:nth-child(74) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 32425ms;
          animation-duration: 32425ms;
  -webkit-animation-delay: 1012ms;
          animation-delay: 1012ms;
}
@-webkit-keyframes move-frames-74 {
  from {
    transform: translate3d(83vw, 103vh, 0);
  }
  to {
    transform: translate3d(49vw, -111vh, 0);
  }
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(83vw, 103vh, 0);
  }
  to {
    transform: translate3d(49vw, -111vh, 0);
  }
}
.circle-container:nth-child(74) .circle {
  -webkit-animation-delay: 1615ms;
          animation-delay: 1615ms;
}
.circle-container:nth-child(75) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 31292ms;
          animation-duration: 31292ms;
  -webkit-animation-delay: 1531ms;
          animation-delay: 1531ms;
}
@-webkit-keyframes move-frames-75 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
.circle-container:nth-child(75) .circle {
  -webkit-animation-delay: 933ms;
          animation-delay: 933ms;
}
.circle-container:nth-child(76) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 35669ms;
          animation-duration: 35669ms;
  -webkit-animation-delay: 30463ms;
          animation-delay: 30463ms;
}
@-webkit-keyframes move-frames-76 {
  from {
    transform: translate3d(65vw, 101vh, 0);
  }
  to {
    transform: translate3d(95vw, -109vh, 0);
  }
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(65vw, 101vh, 0);
  }
  to {
    transform: translate3d(95vw, -109vh, 0);
  }
}
.circle-container:nth-child(76) .circle {
  -webkit-animation-delay: 2588ms;
          animation-delay: 2588ms;
}
.circle-container:nth-child(77) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 30879ms;
          animation-duration: 30879ms;
  -webkit-animation-delay: 24704ms;
          animation-delay: 24704ms;
}
@-webkit-keyframes move-frames-77 {
  from {
    transform: translate3d(46vw, 106vh, 0);
  }
  to {
    transform: translate3d(90vw, -127vh, 0);
  }
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(46vw, 106vh, 0);
  }
  to {
    transform: translate3d(90vw, -127vh, 0);
  }
}
.circle-container:nth-child(77) .circle {
  -webkit-animation-delay: 1888ms;
          animation-delay: 1888ms;
}
.circle-container:nth-child(78) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 34628ms;
          animation-duration: 34628ms;
  -webkit-animation-delay: 2803ms;
          animation-delay: 2803ms;
}
@-webkit-keyframes move-frames-78 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(86vw, -140vh, 0);
  }
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(86vw, -140vh, 0);
  }
}
.circle-container:nth-child(78) .circle {
  -webkit-animation-delay: 2258ms;
          animation-delay: 2258ms;
}
.circle-container:nth-child(79) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 28812ms;
          animation-duration: 28812ms;
  -webkit-animation-delay: 12411ms;
          animation-delay: 12411ms;
}
@-webkit-keyframes move-frames-79 {
  from {
    transform: translate3d(12vw, 108vh, 0);
  }
  to {
    transform: translate3d(50vw, -121vh, 0);
  }
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(12vw, 108vh, 0);
  }
  to {
    transform: translate3d(50vw, -121vh, 0);
  }
}
.circle-container:nth-child(79) .circle {
  -webkit-animation-delay: 1169ms;
          animation-delay: 1169ms;
}
.circle-container:nth-child(80) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 33636ms;
          animation-duration: 33636ms;
  -webkit-animation-delay: 19787ms;
          animation-delay: 19787ms;
}
@-webkit-keyframes move-frames-80 {
  from {
    transform: translate3d(67vw, 106vh, 0);
  }
  to {
    transform: translate3d(50vw, -128vh, 0);
  }
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(67vw, 106vh, 0);
  }
  to {
    transform: translate3d(50vw, -128vh, 0);
  }
}
.circle-container:nth-child(80) .circle {
  -webkit-animation-delay: 3294ms;
          animation-delay: 3294ms;
}
.circle-container:nth-child(81) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 34725ms;
          animation-duration: 34725ms;
  -webkit-animation-delay: 4174ms;
          animation-delay: 4174ms;
}
@-webkit-keyframes move-frames-81 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(21vw, -126vh, 0);
  }
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(21vw, -126vh, 0);
  }
}
.circle-container:nth-child(81) .circle {
  -webkit-animation-delay: 669ms;
          animation-delay: 669ms;
}
.circle-container:nth-child(82) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 28293ms;
          animation-duration: 28293ms;
  -webkit-animation-delay: 13601ms;
          animation-delay: 13601ms;
}
@-webkit-keyframes move-frames-82 {
  from {
    transform: translate3d(11vw, 104vh, 0);
  }
  to {
    transform: translate3d(95vw, -132vh, 0);
  }
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(11vw, 104vh, 0);
  }
  to {
    transform: translate3d(95vw, -132vh, 0);
  }
}
.circle-container:nth-child(82) .circle {
  -webkit-animation-delay: 2228ms;
          animation-delay: 2228ms;
}
.circle-container:nth-child(83) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 29819ms;
          animation-duration: 29819ms;
  -webkit-animation-delay: 14971ms;
          animation-delay: 14971ms;
}
@-webkit-keyframes move-frames-83 {
  from {
    transform: translate3d(68vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -116vh, 0);
  }
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(68vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -116vh, 0);
  }
}
.circle-container:nth-child(83) .circle {
  -webkit-animation-delay: 231ms;
          animation-delay: 231ms;
}
.circle-container:nth-child(84) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 35203ms;
          animation-duration: 35203ms;
  -webkit-animation-delay: 8964ms;
          animation-delay: 8964ms;
}
@-webkit-keyframes move-frames-84 {
  from {
    transform: translate3d(84vw, 101vh, 0);
  }
  to {
    transform: translate3d(73vw, -119vh, 0);
  }
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(84vw, 101vh, 0);
  }
  to {
    transform: translate3d(73vw, -119vh, 0);
  }
}
.circle-container:nth-child(84) .circle {
  -webkit-animation-delay: 2360ms;
          animation-delay: 2360ms;
}
.circle-container:nth-child(85) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 31255ms;
          animation-duration: 31255ms;
  -webkit-animation-delay: 20755ms;
          animation-delay: 20755ms;
}
@-webkit-keyframes move-frames-85 {
  from {
    transform: translate3d(92vw, 101vh, 0);
  }
  to {
    transform: translate3d(82vw, -122vh, 0);
  }
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(92vw, 101vh, 0);
  }
  to {
    transform: translate3d(82vw, -122vh, 0);
  }
}
.circle-container:nth-child(85) .circle {
  -webkit-animation-delay: 2583ms;
          animation-delay: 2583ms;
}
.circle-container:nth-child(86) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 28002ms;
          animation-duration: 28002ms;
  -webkit-animation-delay: 31054ms;
          animation-delay: 31054ms;
}
@-webkit-keyframes move-frames-86 {
  from {
    transform: translate3d(28vw, 110vh, 0);
  }
  to {
    transform: translate3d(88vw, -131vh, 0);
  }
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(28vw, 110vh, 0);
  }
  to {
    transform: translate3d(88vw, -131vh, 0);
  }
}
.circle-container:nth-child(86) .circle {
  -webkit-animation-delay: 658ms;
          animation-delay: 658ms;
}
.circle-container:nth-child(87) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 34637ms;
          animation-duration: 34637ms;
  -webkit-animation-delay: 27593ms;
          animation-delay: 27593ms;
}
@-webkit-keyframes move-frames-87 {
  from {
    transform: translate3d(15vw, 107vh, 0);
  }
  to {
    transform: translate3d(68vw, -116vh, 0);
  }
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(15vw, 107vh, 0);
  }
  to {
    transform: translate3d(68vw, -116vh, 0);
  }
}
.circle-container:nth-child(87) .circle {
  -webkit-animation-delay: 2964ms;
          animation-delay: 2964ms;
}
.circle-container:nth-child(88) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 30937ms;
          animation-duration: 30937ms;
  -webkit-animation-delay: 26314ms;
          animation-delay: 26314ms;
}
@-webkit-keyframes move-frames-88 {
  from {
    transform: translate3d(37vw, 110vh, 0);
  }
  to {
    transform: translate3d(71vw, -112vh, 0);
  }
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(37vw, 110vh, 0);
  }
  to {
    transform: translate3d(71vw, -112vh, 0);
  }
}
.circle-container:nth-child(88) .circle {
  -webkit-animation-delay: 1201ms;
          animation-delay: 1201ms;
}
.circle-container:nth-child(89) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 28486ms;
          animation-duration: 28486ms;
  -webkit-animation-delay: 11043ms;
          animation-delay: 11043ms;
}
@-webkit-keyframes move-frames-89 {
  from {
    transform: translate3d(100vw, 104vh, 0);
  }
  to {
    transform: translate3d(99vw, -125vh, 0);
  }
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(100vw, 104vh, 0);
  }
  to {
    transform: translate3d(99vw, -125vh, 0);
  }
}
.circle-container:nth-child(89) .circle {
  -webkit-animation-delay: 1181ms;
          animation-delay: 1181ms;
}
.circle-container:nth-child(90) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 35976ms;
          animation-duration: 35976ms;
  -webkit-animation-delay: 11800ms;
          animation-delay: 11800ms;
}
@-webkit-keyframes move-frames-90 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(54vw, -125vh, 0);
  }
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(54vw, -125vh, 0);
  }
}
.circle-container:nth-child(90) .circle {
  -webkit-animation-delay: 344ms;
          animation-delay: 344ms;
}
.circle-container:nth-child(91) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 30961ms;
          animation-duration: 30961ms;
  -webkit-animation-delay: 1655ms;
          animation-delay: 1655ms;
}
@-webkit-keyframes move-frames-91 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(65vw, -109vh, 0);
  }
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(65vw, -109vh, 0);
  }
}
.circle-container:nth-child(91) .circle {
  -webkit-animation-delay: 678ms;
          animation-delay: 678ms;
}
.circle-container:nth-child(92) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 29713ms;
          animation-duration: 29713ms;
  -webkit-animation-delay: 3049ms;
          animation-delay: 3049ms;
}
@-webkit-keyframes move-frames-92 {
  from {
    transform: translate3d(13vw, 110vh, 0);
  }
  to {
    transform: translate3d(74vw, -116vh, 0);
  }
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(13vw, 110vh, 0);
  }
  to {
    transform: translate3d(74vw, -116vh, 0);
  }
}
.circle-container:nth-child(92) .circle {
  -webkit-animation-delay: 1898ms;
          animation-delay: 1898ms;
}
.circle-container:nth-child(93) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 34209ms;
          animation-duration: 34209ms;
  -webkit-animation-delay: 6181ms;
          animation-delay: 6181ms;
}
@-webkit-keyframes move-frames-93 {
  from {
    transform: translate3d(5vw, 106vh, 0);
  }
  to {
    transform: translate3d(81vw, -130vh, 0);
  }
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(5vw, 106vh, 0);
  }
  to {
    transform: translate3d(81vw, -130vh, 0);
  }
}
.circle-container:nth-child(93) .circle {
  -webkit-animation-delay: 2648ms;
          animation-delay: 2648ms;
}
.circle-container:nth-child(94) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 33004ms;
          animation-duration: 33004ms;
  -webkit-animation-delay: 3994ms;
          animation-delay: 3994ms;
}
@-webkit-keyframes move-frames-94 {
  from {
    transform: translate3d(41vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -134vh, 0);
  }
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(41vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -134vh, 0);
  }
}
.circle-container:nth-child(94) .circle {
  -webkit-animation-delay: 626ms;
          animation-delay: 626ms;
}
.circle-container:nth-child(95) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 28862ms;
          animation-duration: 28862ms;
  -webkit-animation-delay: 23720ms;
          animation-delay: 23720ms;
}
@-webkit-keyframes move-frames-95 {
  from {
    transform: translate3d(78vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -109vh, 0);
  }
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(78vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -109vh, 0);
  }
}
.circle-container:nth-child(95) .circle {
  -webkit-animation-delay: 1007ms;
          animation-delay: 1007ms;
}
.circle-container:nth-child(96) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 33050ms;
          animation-duration: 33050ms;
  -webkit-animation-delay: 9326ms;
          animation-delay: 9326ms;
}
@-webkit-keyframes move-frames-96 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -121vh, 0);
  }
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -121vh, 0);
  }
}
.circle-container:nth-child(96) .circle {
  -webkit-animation-delay: 3338ms;
          animation-delay: 3338ms;
}
.circle-container:nth-child(97) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 31091ms;
          animation-duration: 31091ms;
  -webkit-animation-delay: 19998ms;
          animation-delay: 19998ms;
}
@-webkit-keyframes move-frames-97 {
  from {
    transform: translate3d(35vw, 101vh, 0);
  }
  to {
    transform: translate3d(42vw, -109vh, 0);
  }
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(35vw, 101vh, 0);
  }
  to {
    transform: translate3d(42vw, -109vh, 0);
  }
}
.circle-container:nth-child(97) .circle {
  -webkit-animation-delay: 2805ms;
          animation-delay: 2805ms;
}
.circle-container:nth-child(98) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 33743ms;
          animation-duration: 33743ms;
  -webkit-animation-delay: 15206ms;
          animation-delay: 15206ms;
}
@-webkit-keyframes move-frames-98 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -136vh, 0);
  }
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(73vw, 106vh, 0);
  }
  to {
    transform: translate3d(40vw, -136vh, 0);
  }
}
.circle-container:nth-child(98) .circle {
  -webkit-animation-delay: 252ms;
          animation-delay: 252ms;
}
.circle-container:nth-child(99) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 31507ms;
          animation-duration: 31507ms;
  -webkit-animation-delay: 27559ms;
          animation-delay: 27559ms;
}
@-webkit-keyframes move-frames-99 {
  from {
    transform: translate3d(78vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -134vh, 0);
  }
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(78vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -134vh, 0);
  }
}
.circle-container:nth-child(99) .circle {
  -webkit-animation-delay: 262ms;
          animation-delay: 262ms;
}
.circle-container:nth-child(100) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 32879ms;
          animation-duration: 32879ms;
  -webkit-animation-delay: 35066ms;
          animation-delay: 35066ms;
}
@-webkit-keyframes move-frames-100 {
  from {
    transform: translate3d(72vw, 104vh, 0);
  }
  to {
    transform: translate3d(88vw, -119vh, 0);
  }
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(72vw, 104vh, 0);
  }
  to {
    transform: translate3d(88vw, -119vh, 0);
  }
}
.circle-container:nth-child(100) .circle {
  -webkit-animation-delay: 2676ms;
          animation-delay: 2676ms;
}
.circle-container:nth-child(101) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 31075ms;
          animation-duration: 31075ms;
  -webkit-animation-delay: 35871ms;
          animation-delay: 35871ms;
}
@-webkit-keyframes move-frames-101 {
  from {
    transform: translate3d(86vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -110vh, 0);
  }
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(86vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -110vh, 0);
  }
}
.circle-container:nth-child(101) .circle {
  -webkit-animation-delay: 2628ms;
          animation-delay: 2628ms;
}
.circle-container:nth-child(102) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 36282ms;
          animation-duration: 36282ms;
  -webkit-animation-delay: 3608ms;
          animation-delay: 3608ms;
}
@-webkit-keyframes move-frames-102 {
  from {
    transform: translate3d(63vw, 106vh, 0);
  }
  to {
    transform: translate3d(84vw, -116vh, 0);
  }
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(63vw, 106vh, 0);
  }
  to {
    transform: translate3d(84vw, -116vh, 0);
  }
}
.circle-container:nth-child(102) .circle {
  -webkit-animation-delay: 3715ms;
          animation-delay: 3715ms;
}
.circle-container:nth-child(103) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 28151ms;
          animation-duration: 28151ms;
  -webkit-animation-delay: 5246ms;
          animation-delay: 5246ms;
}
@-webkit-keyframes move-frames-103 {
  from {
    transform: translate3d(5vw, 104vh, 0);
  }
  to {
    transform: translate3d(46vw, -133vh, 0);
  }
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(5vw, 104vh, 0);
  }
  to {
    transform: translate3d(46vw, -133vh, 0);
  }
}
.circle-container:nth-child(103) .circle {
  -webkit-animation-delay: 576ms;
          animation-delay: 576ms;
}
.circle-container:nth-child(104) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 36540ms;
          animation-duration: 36540ms;
  -webkit-animation-delay: 21472ms;
          animation-delay: 21472ms;
}
@-webkit-keyframes move-frames-104 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(84vw, -131vh, 0);
  }
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(84vw, -131vh, 0);
  }
}
.circle-container:nth-child(104) .circle {
  -webkit-animation-delay: 1520ms;
          animation-delay: 1520ms;
}
.circle-container:nth-child(105) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 31089ms;
          animation-duration: 31089ms;
  -webkit-animation-delay: 33163ms;
          animation-delay: 33163ms;
}
@-webkit-keyframes move-frames-105 {
  from {
    transform: translate3d(75vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -107vh, 0);
  }
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(75vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -107vh, 0);
  }
}
.circle-container:nth-child(105) .circle {
  -webkit-animation-delay: 1958ms;
          animation-delay: 1958ms;
}
.circle-container:nth-child(106) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 36458ms;
          animation-duration: 36458ms;
  -webkit-animation-delay: 29164ms;
          animation-delay: 29164ms;
}
@-webkit-keyframes move-frames-106 {
  from {
    transform: translate3d(91vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -114vh, 0);
  }
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(91vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -114vh, 0);
  }
}
.circle-container:nth-child(106) .circle {
  -webkit-animation-delay: 22ms;
          animation-delay: 22ms;
}
.circle-container:nth-child(107) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 32167ms;
          animation-duration: 32167ms;
  -webkit-animation-delay: 17032ms;
          animation-delay: 17032ms;
}
@-webkit-keyframes move-frames-107 {
  from {
    transform: translate3d(37vw, 105vh, 0);
  }
  to {
    transform: translate3d(18vw, -128vh, 0);
  }
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(37vw, 105vh, 0);
  }
  to {
    transform: translate3d(18vw, -128vh, 0);
  }
}
.circle-container:nth-child(107) .circle {
  -webkit-animation-delay: 3423ms;
          animation-delay: 3423ms;
}
.circle-container:nth-child(108) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 30867ms;
          animation-duration: 30867ms;
  -webkit-animation-delay: 21068ms;
          animation-delay: 21068ms;
}
@-webkit-keyframes move-frames-108 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
.circle-container:nth-child(108) .circle {
  -webkit-animation-delay: 1151ms;
          animation-delay: 1151ms;
}
.circle-container:nth-child(109) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 29768ms;
          animation-duration: 29768ms;
  -webkit-animation-delay: 13824ms;
          animation-delay: 13824ms;
}
@-webkit-keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
.circle-container:nth-child(109) .circle {
  -webkit-animation-delay: 1883ms;
          animation-delay: 1883ms;
}
.circle-container:nth-child(110) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 30968ms;
          animation-duration: 30968ms;
  -webkit-animation-delay: 12654ms;
          animation-delay: 12654ms;
}
@-webkit-keyframes move-frames-110 {
  from {
    transform: translate3d(8vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -113vh, 0);
  }
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(8vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -113vh, 0);
  }
}
.circle-container:nth-child(110) .circle {
  -webkit-animation-delay: 2452ms;
          animation-delay: 2452ms;
}
.circle-container:nth-child(111) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 30894ms;
          animation-duration: 30894ms;
  -webkit-animation-delay: 6374ms;
          animation-delay: 6374ms;
}
@-webkit-keyframes move-frames-111 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(9vw, -137vh, 0);
  }
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(9vw, -137vh, 0);
  }
}
.circle-container:nth-child(111) .circle {
  -webkit-animation-delay: 2200ms;
          animation-delay: 2200ms;
}
.circle-container:nth-child(112) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 36299ms;
          animation-duration: 36299ms;
  -webkit-animation-delay: 22883ms;
          animation-delay: 22883ms;
}
@-webkit-keyframes move-frames-112 {
  from {
    transform: translate3d(79vw, 109vh, 0);
  }
  to {
    transform: translate3d(10vw, -112vh, 0);
  }
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(79vw, 109vh, 0);
  }
  to {
    transform: translate3d(10vw, -112vh, 0);
  }
}
.circle-container:nth-child(112) .circle {
  -webkit-animation-delay: 3998ms;
          animation-delay: 3998ms;
}
.circle-container:nth-child(113) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 35446ms;
          animation-duration: 35446ms;
  -webkit-animation-delay: 23851ms;
          animation-delay: 23851ms;
}
@-webkit-keyframes move-frames-113 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -111vh, 0);
  }
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -111vh, 0);
  }
}
.circle-container:nth-child(113) .circle {
  -webkit-animation-delay: 2451ms;
          animation-delay: 2451ms;
}
.circle-container:nth-child(114) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 29593ms;
          animation-duration: 29593ms;
  -webkit-animation-delay: 20572ms;
          animation-delay: 20572ms;
}
@-webkit-keyframes move-frames-114 {
  from {
    transform: translate3d(70vw, 104vh, 0);
  }
  to {
    transform: translate3d(76vw, -124vh, 0);
  }
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(70vw, 104vh, 0);
  }
  to {
    transform: translate3d(76vw, -124vh, 0);
  }
}
.circle-container:nth-child(114) .circle {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.circle-container:nth-child(115) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 30446ms;
          animation-duration: 30446ms;
  -webkit-animation-delay: 19342ms;
          animation-delay: 19342ms;
}
@-webkit-keyframes move-frames-115 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(15vw, -122vh, 0);
  }
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(15vw, -122vh, 0);
  }
}
.circle-container:nth-child(115) .circle {
  -webkit-animation-delay: 3272ms;
          animation-delay: 3272ms;
}
.circle-container:nth-child(116) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 32252ms;
          animation-duration: 32252ms;
  -webkit-animation-delay: 4807ms;
          animation-delay: 4807ms;
}
@-webkit-keyframes move-frames-116 {
  from {
    transform: translate3d(80vw, 103vh, 0);
  }
  to {
    transform: translate3d(91vw, -126vh, 0);
  }
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(80vw, 103vh, 0);
  }
  to {
    transform: translate3d(91vw, -126vh, 0);
  }
}
.circle-container:nth-child(116) .circle {
  -webkit-animation-delay: 1325ms;
          animation-delay: 1325ms;
}
.circle-container:nth-child(117) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 30237ms;
          animation-duration: 30237ms;
  -webkit-animation-delay: 2831ms;
          animation-delay: 2831ms;
}
@-webkit-keyframes move-frames-117 {
  from {
    transform: translate3d(24vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -135vh, 0);
  }
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(24vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -135vh, 0);
  }
}
.circle-container:nth-child(117) .circle {
  -webkit-animation-delay: 2568ms;
          animation-delay: 2568ms;
}
.circle-container:nth-child(118) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 33356ms;
          animation-duration: 33356ms;
  -webkit-animation-delay: 22094ms;
          animation-delay: 22094ms;
}
@-webkit-keyframes move-frames-118 {
  from {
    transform: translate3d(55vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -122vh, 0);
  }
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(55vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -122vh, 0);
  }
}
.circle-container:nth-child(118) .circle {
  -webkit-animation-delay: 2533ms;
          animation-delay: 2533ms;
}
.circle-container:nth-child(119) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 30368ms;
          animation-duration: 30368ms;
  -webkit-animation-delay: 29454ms;
          animation-delay: 29454ms;
}
@-webkit-keyframes move-frames-119 {
  from {
    transform: translate3d(15vw, 101vh, 0);
  }
  to {
    transform: translate3d(73vw, -113vh, 0);
  }
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(15vw, 101vh, 0);
  }
  to {
    transform: translate3d(73vw, -113vh, 0);
  }
}
.circle-container:nth-child(119) .circle {
  -webkit-animation-delay: 1008ms;
          animation-delay: 1008ms;
}
.circle-container:nth-child(120) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 31277ms;
          animation-duration: 31277ms;
  -webkit-animation-delay: 7805ms;
          animation-delay: 7805ms;
}
@-webkit-keyframes move-frames-120 {
  from {
    transform: translate3d(63vw, 102vh, 0);
  }
  to {
    transform: translate3d(77vw, -103vh, 0);
  }
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(63vw, 102vh, 0);
  }
  to {
    transform: translate3d(77vw, -103vh, 0);
  }
}
.circle-container:nth-child(120) .circle {
  -webkit-animation-delay: 1974ms;
          animation-delay: 1974ms;
}
.circle-container:nth-child(121) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 36429ms;
          animation-duration: 36429ms;
  -webkit-animation-delay: 10781ms;
          animation-delay: 10781ms;
}
@-webkit-keyframes move-frames-121 {
  from {
    transform: translate3d(40vw, 110vh, 0);
  }
  to {
    transform: translate3d(86vw, -119vh, 0);
  }
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(40vw, 110vh, 0);
  }
  to {
    transform: translate3d(86vw, -119vh, 0);
  }
}
.circle-container:nth-child(121) .circle {
  -webkit-animation-delay: 1490ms;
          animation-delay: 1490ms;
}
.circle-container:nth-child(122) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 29555ms;
          animation-duration: 29555ms;
  -webkit-animation-delay: 27824ms;
          animation-delay: 27824ms;
}
@-webkit-keyframes move-frames-122 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(17vw, -105vh, 0);
  }
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(17vw, -105vh, 0);
  }
}
.circle-container:nth-child(122) .circle {
  -webkit-animation-delay: 2410ms;
          animation-delay: 2410ms;
}
.circle-container:nth-child(123) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 35668ms;
          animation-duration: 35668ms;
  -webkit-animation-delay: 22192ms;
          animation-delay: 22192ms;
}
@-webkit-keyframes move-frames-123 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(21vw, -120vh, 0);
  }
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(49vw, 108vh, 0);
  }
  to {
    transform: translate3d(21vw, -120vh, 0);
  }
}
.circle-container:nth-child(123) .circle {
  -webkit-animation-delay: 3482ms;
          animation-delay: 3482ms;
}
.circle-container:nth-child(124) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 36939ms;
          animation-duration: 36939ms;
  -webkit-animation-delay: 3457ms;
          animation-delay: 3457ms;
}
@-webkit-keyframes move-frames-124 {
  from {
    transform: translate3d(19vw, 102vh, 0);
  }
  to {
    transform: translate3d(70vw, -122vh, 0);
  }
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(19vw, 102vh, 0);
  }
  to {
    transform: translate3d(70vw, -122vh, 0);
  }
}
.circle-container:nth-child(124) .circle {
  -webkit-animation-delay: 361ms;
          animation-delay: 361ms;
}
.circle-container:nth-child(125) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 33383ms;
          animation-duration: 33383ms;
  -webkit-animation-delay: 29729ms;
          animation-delay: 29729ms;
}
@-webkit-keyframes move-frames-125 {
  from {
    transform: translate3d(11vw, 110vh, 0);
  }
  to {
    transform: translate3d(45vw, -131vh, 0);
  }
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(11vw, 110vh, 0);
  }
  to {
    transform: translate3d(45vw, -131vh, 0);
  }
}
.circle-container:nth-child(125) .circle {
  -webkit-animation-delay: 819ms;
          animation-delay: 819ms;
}
.circle-container:nth-child(126) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 28437ms;
          animation-duration: 28437ms;
  -webkit-animation-delay: 36260ms;
          animation-delay: 36260ms;
}
@-webkit-keyframes move-frames-126 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -122vh, 0);
  }
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -122vh, 0);
  }
}
.circle-container:nth-child(126) .circle {
  -webkit-animation-delay: 1398ms;
          animation-delay: 1398ms;
}
.circle-container:nth-child(127) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 33544ms;
          animation-duration: 33544ms;
  -webkit-animation-delay: 10920ms;
          animation-delay: 10920ms;
}
@-webkit-keyframes move-frames-127 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(58vw, -111vh, 0);
  }
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(68vw, 103vh, 0);
  }
  to {
    transform: translate3d(58vw, -111vh, 0);
  }
}
.circle-container:nth-child(127) .circle {
  -webkit-animation-delay: 1214ms;
          animation-delay: 1214ms;
}
.circle-container:nth-child(128) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 32784ms;
          animation-duration: 32784ms;
  -webkit-animation-delay: 16974ms;
          animation-delay: 16974ms;
}
@-webkit-keyframes move-frames-128 {
  from {
    transform: translate3d(65vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(65vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
.circle-container:nth-child(128) .circle {
  -webkit-animation-delay: 3543ms;
          animation-delay: 3543ms;
}
.circle-container:nth-child(129) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 31316ms;
          animation-duration: 31316ms;
  -webkit-animation-delay: 1953ms;
          animation-delay: 1953ms;
}
@-webkit-keyframes move-frames-129 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(3vw, -128vh, 0);
  }
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(3vw, -128vh, 0);
  }
}
.circle-container:nth-child(129) .circle {
  -webkit-animation-delay: 1724ms;
          animation-delay: 1724ms;
}
.circle-container:nth-child(130) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 35248ms;
          animation-duration: 35248ms;
  -webkit-animation-delay: 13817ms;
          animation-delay: 13817ms;
}
@-webkit-keyframes move-frames-130 {
  from {
    transform: translate3d(62vw, 103vh, 0);
  }
  to {
    transform: translate3d(78vw, -107vh, 0);
  }
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(62vw, 103vh, 0);
  }
  to {
    transform: translate3d(78vw, -107vh, 0);
  }
}
.circle-container:nth-child(130) .circle {
  -webkit-animation-delay: 2826ms;
          animation-delay: 2826ms;
}
.circle-container:nth-child(131) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 33839ms;
          animation-duration: 33839ms;
  -webkit-animation-delay: 28167ms;
          animation-delay: 28167ms;
}
@-webkit-keyframes move-frames-131 {
  from {
    transform: translate3d(61vw, 105vh, 0);
  }
  to {
    transform: translate3d(49vw, -122vh, 0);
  }
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(61vw, 105vh, 0);
  }
  to {
    transform: translate3d(49vw, -122vh, 0);
  }
}
.circle-container:nth-child(131) .circle {
  -webkit-animation-delay: 2044ms;
          animation-delay: 2044ms;
}
.circle-container:nth-child(132) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 30235ms;
          animation-duration: 30235ms;
  -webkit-animation-delay: 27327ms;
          animation-delay: 27327ms;
}
@-webkit-keyframes move-frames-132 {
  from {
    transform: translate3d(92vw, 104vh, 0);
  }
  to {
    transform: translate3d(24vw, -105vh, 0);
  }
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(92vw, 104vh, 0);
  }
  to {
    transform: translate3d(24vw, -105vh, 0);
  }
}
.circle-container:nth-child(132) .circle {
  -webkit-animation-delay: 3410ms;
          animation-delay: 3410ms;
}
.circle-container:nth-child(133) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 35641ms;
          animation-duration: 35641ms;
  -webkit-animation-delay: 14120ms;
          animation-delay: 14120ms;
}
@-webkit-keyframes move-frames-133 {
  from {
    transform: translate3d(18vw, 104vh, 0);
  }
  to {
    transform: translate3d(7vw, -126vh, 0);
  }
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(18vw, 104vh, 0);
  }
  to {
    transform: translate3d(7vw, -126vh, 0);
  }
}
.circle-container:nth-child(133) .circle {
  -webkit-animation-delay: 1370ms;
          animation-delay: 1370ms;
}
.circle-container:nth-child(134) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 32178ms;
          animation-duration: 32178ms;
  -webkit-animation-delay: 18049ms;
          animation-delay: 18049ms;
}
@-webkit-keyframes move-frames-134 {
  from {
    transform: translate3d(98vw, 108vh, 0);
  }
  to {
    transform: translate3d(59vw, -138vh, 0);
  }
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(98vw, 108vh, 0);
  }
  to {
    transform: translate3d(59vw, -138vh, 0);
  }
}
.circle-container:nth-child(134) .circle {
  -webkit-animation-delay: 2193ms;
          animation-delay: 2193ms;
}
.circle-container:nth-child(135) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 31771ms;
          animation-duration: 31771ms;
  -webkit-animation-delay: 6281ms;
          animation-delay: 6281ms;
}
@-webkit-keyframes move-frames-135 {
  from {
    transform: translate3d(89vw, 108vh, 0);
  }
  to {
    transform: translate3d(81vw, -121vh, 0);
  }
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(89vw, 108vh, 0);
  }
  to {
    transform: translate3d(81vw, -121vh, 0);
  }
}
.circle-container:nth-child(135) .circle {
  -webkit-animation-delay: 2073ms;
          animation-delay: 2073ms;
}
.circle-container:nth-child(136) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 31783ms;
          animation-duration: 31783ms;
  -webkit-animation-delay: 19486ms;
          animation-delay: 19486ms;
}
@-webkit-keyframes move-frames-136 {
  from {
    transform: translate3d(38vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -124vh, 0);
  }
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(38vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -124vh, 0);
  }
}
.circle-container:nth-child(136) .circle {
  -webkit-animation-delay: 2224ms;
          animation-delay: 2224ms;
}
.circle-container:nth-child(137) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 31897ms;
          animation-duration: 31897ms;
  -webkit-animation-delay: 31848ms;
          animation-delay: 31848ms;
}
@-webkit-keyframes move-frames-137 {
  from {
    transform: translate3d(4vw, 109vh, 0);
  }
  to {
    transform: translate3d(2vw, -112vh, 0);
  }
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(4vw, 109vh, 0);
  }
  to {
    transform: translate3d(2vw, -112vh, 0);
  }
}
.circle-container:nth-child(137) .circle {
  -webkit-animation-delay: 607ms;
          animation-delay: 607ms;
}
.circle-container:nth-child(138) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 33665ms;
          animation-duration: 33665ms;
  -webkit-animation-delay: 33379ms;
          animation-delay: 33379ms;
}
@-webkit-keyframes move-frames-138 {
  from {
    transform: translate3d(68vw, 106vh, 0);
  }
  to {
    transform: translate3d(28vw, -126vh, 0);
  }
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(68vw, 106vh, 0);
  }
  to {
    transform: translate3d(28vw, -126vh, 0);
  }
}
.circle-container:nth-child(138) .circle {
  -webkit-animation-delay: 445ms;
          animation-delay: 445ms;
}
.circle-container:nth-child(139) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 29003ms;
          animation-duration: 29003ms;
  -webkit-animation-delay: 20796ms;
          animation-delay: 20796ms;
}
@-webkit-keyframes move-frames-139 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(49vw, -133vh, 0);
  }
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(49vw, -133vh, 0);
  }
}
.circle-container:nth-child(139) .circle {
  -webkit-animation-delay: 3609ms;
          animation-delay: 3609ms;
}
.circle-container:nth-child(140) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 32663ms;
          animation-duration: 32663ms;
  -webkit-animation-delay: 6069ms;
          animation-delay: 6069ms;
}
@-webkit-keyframes move-frames-140 {
  from {
    transform: translate3d(100vw, 106vh, 0);
  }
  to {
    transform: translate3d(100vw, -111vh, 0);
  }
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(100vw, 106vh, 0);
  }
  to {
    transform: translate3d(100vw, -111vh, 0);
  }
}
.circle-container:nth-child(140) .circle {
  -webkit-animation-delay: 1019ms;
          animation-delay: 1019ms;
}
.circle-container:nth-child(141) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 30636ms;
          animation-duration: 30636ms;
  -webkit-animation-delay: 21002ms;
          animation-delay: 21002ms;
}
@-webkit-keyframes move-frames-141 {
  from {
    transform: translate3d(99vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -105vh, 0);
  }
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(99vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -105vh, 0);
  }
}
.circle-container:nth-child(141) .circle {
  -webkit-animation-delay: 2470ms;
          animation-delay: 2470ms;
}
.circle-container:nth-child(142) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 29950ms;
          animation-duration: 29950ms;
  -webkit-animation-delay: 30148ms;
          animation-delay: 30148ms;
}
@-webkit-keyframes move-frames-142 {
  from {
    transform: translate3d(65vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -116vh, 0);
  }
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(65vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -116vh, 0);
  }
}
.circle-container:nth-child(142) .circle {
  -webkit-animation-delay: 822ms;
          animation-delay: 822ms;
}
.circle-container:nth-child(143) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 36170ms;
          animation-duration: 36170ms;
  -webkit-animation-delay: 18363ms;
          animation-delay: 18363ms;
}
@-webkit-keyframes move-frames-143 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(62vw, -110vh, 0);
  }
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(62vw, -110vh, 0);
  }
}
.circle-container:nth-child(143) .circle {
  -webkit-animation-delay: 2193ms;
          animation-delay: 2193ms;
}
.circle-container:nth-child(144) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 34116ms;
          animation-duration: 34116ms;
  -webkit-animation-delay: 17788ms;
          animation-delay: 17788ms;
}
@-webkit-keyframes move-frames-144 {
  from {
    transform: translate3d(65vw, 103vh, 0);
  }
  to {
    transform: translate3d(40vw, -112vh, 0);
  }
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(65vw, 103vh, 0);
  }
  to {
    transform: translate3d(40vw, -112vh, 0);
  }
}
.circle-container:nth-child(144) .circle {
  -webkit-animation-delay: 1175ms;
          animation-delay: 1175ms;
}
.circle-container:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 34047ms;
          animation-duration: 34047ms;
  -webkit-animation-delay: 35436ms;
          animation-delay: 35436ms;
}
@-webkit-keyframes move-frames-145 {
  from {
    transform: translate3d(86vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -130vh, 0);
  }
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(86vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -130vh, 0);
  }
}
.circle-container:nth-child(145) .circle {
  -webkit-animation-delay: 1565ms;
          animation-delay: 1565ms;
}
.circle-container:nth-child(146) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 28539ms;
          animation-duration: 28539ms;
  -webkit-animation-delay: 22646ms;
          animation-delay: 22646ms;
}
@-webkit-keyframes move-frames-146 {
  from {
    transform: translate3d(71vw, 103vh, 0);
  }
  to {
    transform: translate3d(75vw, -109vh, 0);
  }
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(71vw, 103vh, 0);
  }
  to {
    transform: translate3d(75vw, -109vh, 0);
  }
}
.circle-container:nth-child(146) .circle {
  -webkit-animation-delay: 2559ms;
          animation-delay: 2559ms;
}
.circle-container:nth-child(147) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 28741ms;
          animation-duration: 28741ms;
  -webkit-animation-delay: 25572ms;
          animation-delay: 25572ms;
}
@-webkit-keyframes move-frames-147 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(56vw, -119vh, 0);
  }
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(56vw, -119vh, 0);
  }
}
.circle-container:nth-child(147) .circle {
  -webkit-animation-delay: 1141ms;
          animation-delay: 1141ms;
}
.circle-container:nth-child(148) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 29052ms;
          animation-duration: 29052ms;
  -webkit-animation-delay: 21566ms;
          animation-delay: 21566ms;
}
@-webkit-keyframes move-frames-148 {
  from {
    transform: translate3d(51vw, 106vh, 0);
  }
  to {
    transform: translate3d(56vw, -133vh, 0);
  }
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(51vw, 106vh, 0);
  }
  to {
    transform: translate3d(56vw, -133vh, 0);
  }
}
.circle-container:nth-child(148) .circle {
  -webkit-animation-delay: 1843ms;
          animation-delay: 1843ms;
}
.circle-container:nth-child(149) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 35122ms;
          animation-duration: 35122ms;
  -webkit-animation-delay: 22077ms;
          animation-delay: 22077ms;
}
@-webkit-keyframes move-frames-149 {
  from {
    transform: translate3d(9vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -122vh, 0);
  }
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(9vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -122vh, 0);
  }
}
.circle-container:nth-child(149) .circle {
  -webkit-animation-delay: 646ms;
          animation-delay: 646ms;
}
.circle-container:nth-child(150) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 29916ms;
          animation-duration: 29916ms;
  -webkit-animation-delay: 34582ms;
          animation-delay: 34582ms;
}
@-webkit-keyframes move-frames-150 {
  from {
    transform: translate3d(73vw, 110vh, 0);
  }
  to {
    transform: translate3d(50vw, -125vh, 0);
  }
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(73vw, 110vh, 0);
  }
  to {
    transform: translate3d(50vw, -125vh, 0);
  }
}
.circle-container:nth-child(150) .circle {
  -webkit-animation-delay: 1285ms;
          animation-delay: 1285ms;
}
.circle-container:nth-child(151) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 30858ms;
          animation-duration: 30858ms;
  -webkit-animation-delay: 2754ms;
          animation-delay: 2754ms;
}
@-webkit-keyframes move-frames-151 {
  from {
    transform: translate3d(81vw, 107vh, 0);
  }
  to {
    transform: translate3d(8vw, -112vh, 0);
  }
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(81vw, 107vh, 0);
  }
  to {
    transform: translate3d(8vw, -112vh, 0);
  }
}
.circle-container:nth-child(151) .circle {
  -webkit-animation-delay: 794ms;
          animation-delay: 794ms;
}
.circle-container:nth-child(152) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 34526ms;
          animation-duration: 34526ms;
  -webkit-animation-delay: 17592ms;
          animation-delay: 17592ms;
}
@-webkit-keyframes move-frames-152 {
  from {
    transform: translate3d(28vw, 109vh, 0);
  }
  to {
    transform: translate3d(11vw, -125vh, 0);
  }
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(28vw, 109vh, 0);
  }
  to {
    transform: translate3d(11vw, -125vh, 0);
  }
}
.circle-container:nth-child(152) .circle {
  -webkit-animation-delay: 3696ms;
          animation-delay: 3696ms;
}
.circle-container:nth-child(153) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 30500ms;
          animation-duration: 30500ms;
  -webkit-animation-delay: 14102ms;
          animation-delay: 14102ms;
}
@-webkit-keyframes move-frames-153 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(9vw, -125vh, 0);
  }
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(9vw, -125vh, 0);
  }
}
.circle-container:nth-child(153) .circle {
  -webkit-animation-delay: 472ms;
          animation-delay: 472ms;
}
.circle-container:nth-child(154) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 34596ms;
          animation-duration: 34596ms;
  -webkit-animation-delay: 3150ms;
          animation-delay: 3150ms;
}
@-webkit-keyframes move-frames-154 {
  from {
    transform: translate3d(5vw, 110vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(5vw, 110vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
.circle-container:nth-child(154) .circle {
  -webkit-animation-delay: 1651ms;
          animation-delay: 1651ms;
}
.circle-container:nth-child(155) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 34090ms;
          animation-duration: 34090ms;
  -webkit-animation-delay: 9850ms;
          animation-delay: 9850ms;
}
@-webkit-keyframes move-frames-155 {
  from {
    transform: translate3d(73vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -137vh, 0);
  }
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(73vw, 110vh, 0);
  }
  to {
    transform: translate3d(28vw, -137vh, 0);
  }
}
.circle-container:nth-child(155) .circle {
  -webkit-animation-delay: 1290ms;
          animation-delay: 1290ms;
}
.circle-container:nth-child(156) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 32026ms;
          animation-duration: 32026ms;
  -webkit-animation-delay: 7687ms;
          animation-delay: 7687ms;
}
@-webkit-keyframes move-frames-156 {
  from {
    transform: translate3d(14vw, 105vh, 0);
  }
  to {
    transform: translate3d(24vw, -113vh, 0);
  }
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(14vw, 105vh, 0);
  }
  to {
    transform: translate3d(24vw, -113vh, 0);
  }
}
.circle-container:nth-child(156) .circle {
  -webkit-animation-delay: 2029ms;
          animation-delay: 2029ms;
}
.circle-container:nth-child(157) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 31995ms;
          animation-duration: 31995ms;
  -webkit-animation-delay: 4931ms;
          animation-delay: 4931ms;
}
@-webkit-keyframes move-frames-157 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(71vw, -134vh, 0);
  }
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(71vw, -134vh, 0);
  }
}
.circle-container:nth-child(157) .circle {
  -webkit-animation-delay: 3508ms;
          animation-delay: 3508ms;
}
.circle-container:nth-child(158) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 35775ms;
          animation-duration: 35775ms;
  -webkit-animation-delay: 10016ms;
          animation-delay: 10016ms;
}
@-webkit-keyframes move-frames-158 {
  from {
    transform: translate3d(53vw, 108vh, 0);
  }
  to {
    transform: translate3d(70vw, -129vh, 0);
  }
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(53vw, 108vh, 0);
  }
  to {
    transform: translate3d(70vw, -129vh, 0);
  }
}
.circle-container:nth-child(158) .circle {
  -webkit-animation-delay: 2558ms;
          animation-delay: 2558ms;
}
.circle-container:nth-child(159) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 28720ms;
          animation-duration: 28720ms;
  -webkit-animation-delay: 24294ms;
          animation-delay: 24294ms;
}
@-webkit-keyframes move-frames-159 {
  from {
    transform: translate3d(97vw, 101vh, 0);
  }
  to {
    transform: translate3d(44vw, -123vh, 0);
  }
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(97vw, 101vh, 0);
  }
  to {
    transform: translate3d(44vw, -123vh, 0);
  }
}
.circle-container:nth-child(159) .circle {
  -webkit-animation-delay: 1654ms;
          animation-delay: 1654ms;
}
.circle-container:nth-child(160) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 33355ms;
          animation-duration: 33355ms;
  -webkit-animation-delay: 23409ms;
          animation-delay: 23409ms;
}
@-webkit-keyframes move-frames-160 {
  from {
    transform: translate3d(84vw, 102vh, 0);
  }
  to {
    transform: translate3d(68vw, -122vh, 0);
  }
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(84vw, 102vh, 0);
  }
  to {
    transform: translate3d(68vw, -122vh, 0);
  }
}
.circle-container:nth-child(160) .circle {
  -webkit-animation-delay: 378ms;
          animation-delay: 378ms;
}
.circle-container:nth-child(161) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 33832ms;
          animation-duration: 33832ms;
  -webkit-animation-delay: 25692ms;
          animation-delay: 25692ms;
}
@-webkit-keyframes move-frames-161 {
  from {
    transform: translate3d(86vw, 107vh, 0);
  }
  to {
    transform: translate3d(28vw, -133vh, 0);
  }
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(86vw, 107vh, 0);
  }
  to {
    transform: translate3d(28vw, -133vh, 0);
  }
}
.circle-container:nth-child(161) .circle {
  -webkit-animation-delay: 310ms;
          animation-delay: 310ms;
}
.circle-container:nth-child(162) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 34902ms;
          animation-duration: 34902ms;
  -webkit-animation-delay: 7058ms;
          animation-delay: 7058ms;
}
@-webkit-keyframes move-frames-162 {
  from {
    transform: translate3d(69vw, 102vh, 0);
  }
  to {
    transform: translate3d(63vw, -112vh, 0);
  }
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(69vw, 102vh, 0);
  }
  to {
    transform: translate3d(63vw, -112vh, 0);
  }
}
.circle-container:nth-child(162) .circle {
  -webkit-animation-delay: 1980ms;
          animation-delay: 1980ms;
}
.circle-container:nth-child(163) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 33665ms;
          animation-duration: 33665ms;
  -webkit-animation-delay: 32216ms;
          animation-delay: 32216ms;
}
@-webkit-keyframes move-frames-163 {
  from {
    transform: translate3d(75vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -124vh, 0);
  }
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(75vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -124vh, 0);
  }
}
.circle-container:nth-child(163) .circle {
  -webkit-animation-delay: 3448ms;
          animation-delay: 3448ms;
}
.circle-container:nth-child(164) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 33376ms;
          animation-duration: 33376ms;
  -webkit-animation-delay: 8697ms;
          animation-delay: 8697ms;
}
@-webkit-keyframes move-frames-164 {
  from {
    transform: translate3d(22vw, 108vh, 0);
  }
  to {
    transform: translate3d(3vw, -113vh, 0);
  }
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(22vw, 108vh, 0);
  }
  to {
    transform: translate3d(3vw, -113vh, 0);
  }
}
.circle-container:nth-child(164) .circle {
  -webkit-animation-delay: 2860ms;
          animation-delay: 2860ms;
}
.circle-container:nth-child(165) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 36289ms;
          animation-duration: 36289ms;
  -webkit-animation-delay: 36383ms;
          animation-delay: 36383ms;
}
@-webkit-keyframes move-frames-165 {
  from {
    transform: translate3d(63vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -129vh, 0);
  }
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(63vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -129vh, 0);
  }
}
.circle-container:nth-child(165) .circle {
  -webkit-animation-delay: 1158ms;
          animation-delay: 1158ms;
}
.circle-container:nth-child(166) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 28831ms;
          animation-duration: 28831ms;
  -webkit-animation-delay: 20789ms;
          animation-delay: 20789ms;
}
@-webkit-keyframes move-frames-166 {
  from {
    transform: translate3d(23vw, 107vh, 0);
  }
  to {
    transform: translate3d(56vw, -113vh, 0);
  }
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(23vw, 107vh, 0);
  }
  to {
    transform: translate3d(56vw, -113vh, 0);
  }
}
.circle-container:nth-child(166) .circle {
  -webkit-animation-delay: 1408ms;
          animation-delay: 1408ms;
}
.circle-container:nth-child(167) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 30459ms;
          animation-duration: 30459ms;
  -webkit-animation-delay: 12563ms;
          animation-delay: 12563ms;
}
@-webkit-keyframes move-frames-167 {
  from {
    transform: translate3d(38vw, 109vh, 0);
  }
  to {
    transform: translate3d(27vw, -124vh, 0);
  }
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(38vw, 109vh, 0);
  }
  to {
    transform: translate3d(27vw, -124vh, 0);
  }
}
.circle-container:nth-child(167) .circle {
  -webkit-animation-delay: 2160ms;
          animation-delay: 2160ms;
}
.circle-container:nth-child(168) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 34366ms;
          animation-duration: 34366ms;
  -webkit-animation-delay: 6888ms;
          animation-delay: 6888ms;
}
@-webkit-keyframes move-frames-168 {
  from {
    transform: translate3d(20vw, 107vh, 0);
  }
  to {
    transform: translate3d(98vw, -136vh, 0);
  }
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(20vw, 107vh, 0);
  }
  to {
    transform: translate3d(98vw, -136vh, 0);
  }
}
.circle-container:nth-child(168) .circle {
  -webkit-animation-delay: 1684ms;
          animation-delay: 1684ms;
}
.circle-container:nth-child(169) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 30591ms;
          animation-duration: 30591ms;
  -webkit-animation-delay: 30771ms;
          animation-delay: 30771ms;
}
@-webkit-keyframes move-frames-169 {
  from {
    transform: translate3d(88vw, 102vh, 0);
  }
  to {
    transform: translate3d(74vw, -104vh, 0);
  }
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(88vw, 102vh, 0);
  }
  to {
    transform: translate3d(74vw, -104vh, 0);
  }
}
.circle-container:nth-child(169) .circle {
  -webkit-animation-delay: 1789ms;
          animation-delay: 1789ms;
}
.circle-container:nth-child(170) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 36076ms;
          animation-duration: 36076ms;
  -webkit-animation-delay: 32583ms;
          animation-delay: 32583ms;
}
@-webkit-keyframes move-frames-170 {
  from {
    transform: translate3d(66vw, 104vh, 0);
  }
  to {
    transform: translate3d(45vw, -112vh, 0);
  }
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(66vw, 104vh, 0);
  }
  to {
    transform: translate3d(45vw, -112vh, 0);
  }
}
.circle-container:nth-child(170) .circle {
  -webkit-animation-delay: 522ms;
          animation-delay: 522ms;
}
.circle-container:nth-child(171) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 36547ms;
          animation-duration: 36547ms;
  -webkit-animation-delay: 4418ms;
          animation-delay: 4418ms;
}
@-webkit-keyframes move-frames-171 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(31vw, -129vh, 0);
  }
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(45vw, 105vh, 0);
  }
  to {
    transform: translate3d(31vw, -129vh, 0);
  }
}
.circle-container:nth-child(171) .circle {
  -webkit-animation-delay: 3482ms;
          animation-delay: 3482ms;
}
.circle-container:nth-child(172) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 35720ms;
          animation-duration: 35720ms;
  -webkit-animation-delay: 18079ms;
          animation-delay: 18079ms;
}
@-webkit-keyframes move-frames-172 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -123vh, 0);
  }
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(2vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -123vh, 0);
  }
}
.circle-container:nth-child(172) .circle {
  -webkit-animation-delay: 1650ms;
          animation-delay: 1650ms;
}
.circle-container:nth-child(173) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 29982ms;
          animation-duration: 29982ms;
  -webkit-animation-delay: 14734ms;
          animation-delay: 14734ms;
}
@-webkit-keyframes move-frames-173 {
  from {
    transform: translate3d(54vw, 102vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(54vw, 102vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
.circle-container:nth-child(173) .circle {
  -webkit-animation-delay: 3695ms;
          animation-delay: 3695ms;
}
.circle-container:nth-child(174) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 35087ms;
          animation-duration: 35087ms;
  -webkit-animation-delay: 14777ms;
          animation-delay: 14777ms;
}
@-webkit-keyframes move-frames-174 {
  from {
    transform: translate3d(70vw, 103vh, 0);
  }
  to {
    transform: translate3d(24vw, -104vh, 0);
  }
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(70vw, 103vh, 0);
  }
  to {
    transform: translate3d(24vw, -104vh, 0);
  }
}
.circle-container:nth-child(174) .circle {
  -webkit-animation-delay: 924ms;
          animation-delay: 924ms;
}
.circle-container:nth-child(175) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 32117ms;
          animation-duration: 32117ms;
  -webkit-animation-delay: 34470ms;
          animation-delay: 34470ms;
}
@-webkit-keyframes move-frames-175 {
  from {
    transform: translate3d(9vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -135vh, 0);
  }
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(9vw, 110vh, 0);
  }
  to {
    transform: translate3d(23vw, -135vh, 0);
  }
}
.circle-container:nth-child(175) .circle {
  -webkit-animation-delay: 2547ms;
          animation-delay: 2547ms;
}
.circle-container:nth-child(176) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 35017ms;
          animation-duration: 35017ms;
  -webkit-animation-delay: 4182ms;
          animation-delay: 4182ms;
}
@-webkit-keyframes move-frames-176 {
  from {
    transform: translate3d(19vw, 109vh, 0);
  }
  to {
    transform: translate3d(21vw, -116vh, 0);
  }
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(19vw, 109vh, 0);
  }
  to {
    transform: translate3d(21vw, -116vh, 0);
  }
}
.circle-container:nth-child(176) .circle {
  -webkit-animation-delay: 545ms;
          animation-delay: 545ms;
}
.circle-container:nth-child(177) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 28890ms;
          animation-duration: 28890ms;
  -webkit-animation-delay: 13013ms;
          animation-delay: 13013ms;
}
@-webkit-keyframes move-frames-177 {
  from {
    transform: translate3d(4vw, 107vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(4vw, 107vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
.circle-container:nth-child(177) .circle {
  -webkit-animation-delay: 1963ms;
          animation-delay: 1963ms;
}
.circle-container:nth-child(178) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 33123ms;
          animation-duration: 33123ms;
  -webkit-animation-delay: 31079ms;
          animation-delay: 31079ms;
}
@-webkit-keyframes move-frames-178 {
  from {
    transform: translate3d(89vw, 103vh, 0);
  }
  to {
    transform: translate3d(63vw, -119vh, 0);
  }
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(89vw, 103vh, 0);
  }
  to {
    transform: translate3d(63vw, -119vh, 0);
  }
}
.circle-container:nth-child(178) .circle {
  -webkit-animation-delay: 3208ms;
          animation-delay: 3208ms;
}
.circle-container:nth-child(179) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 33739ms;
          animation-duration: 33739ms;
  -webkit-animation-delay: 18763ms;
          animation-delay: 18763ms;
}
@-webkit-keyframes move-frames-179 {
  from {
    transform: translate3d(27vw, 104vh, 0);
  }
  to {
    transform: translate3d(95vw, -105vh, 0);
  }
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(27vw, 104vh, 0);
  }
  to {
    transform: translate3d(95vw, -105vh, 0);
  }
}
.circle-container:nth-child(179) .circle {
  -webkit-animation-delay: 369ms;
          animation-delay: 369ms;
}
.circle-container:nth-child(180) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 33135ms;
          animation-duration: 33135ms;
  -webkit-animation-delay: 26298ms;
          animation-delay: 26298ms;
}
@-webkit-keyframes move-frames-180 {
  from {
    transform: translate3d(34vw, 104vh, 0);
  }
  to {
    transform: translate3d(24vw, -128vh, 0);
  }
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(34vw, 104vh, 0);
  }
  to {
    transform: translate3d(24vw, -128vh, 0);
  }
}
.circle-container:nth-child(180) .circle {
  -webkit-animation-delay: 1859ms;
          animation-delay: 1859ms;
}
.circle-container:nth-child(181) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 32543ms;
          animation-duration: 32543ms;
  -webkit-animation-delay: 8729ms;
          animation-delay: 8729ms;
}
@-webkit-keyframes move-frames-181 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(61vw, -111vh, 0);
  }
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(61vw, -111vh, 0);
  }
}
.circle-container:nth-child(181) .circle {
  -webkit-animation-delay: 66ms;
          animation-delay: 66ms;
}
.circle-container:nth-child(182) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 32943ms;
          animation-duration: 32943ms;
  -webkit-animation-delay: 25912ms;
          animation-delay: 25912ms;
}
@-webkit-keyframes move-frames-182 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(53vw, -128vh, 0);
  }
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(53vw, -128vh, 0);
  }
}
.circle-container:nth-child(182) .circle {
  -webkit-animation-delay: 210ms;
          animation-delay: 210ms;
}
.circle-container:nth-child(183) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 30507ms;
          animation-duration: 30507ms;
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
}
@-webkit-keyframes move-frames-183 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
.circle-container:nth-child(183) .circle {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.circle-container:nth-child(184) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 33278ms;
          animation-duration: 33278ms;
  -webkit-animation-delay: 1569ms;
          animation-delay: 1569ms;
}
@-webkit-keyframes move-frames-184 {
  from {
    transform: translate3d(21vw, 101vh, 0);
  }
  to {
    transform: translate3d(18vw, -105vh, 0);
  }
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(21vw, 101vh, 0);
  }
  to {
    transform: translate3d(18vw, -105vh, 0);
  }
}
.circle-container:nth-child(184) .circle {
  -webkit-animation-delay: 2614ms;
          animation-delay: 2614ms;
}
.circle-container:nth-child(185) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 32241ms;
          animation-duration: 32241ms;
  -webkit-animation-delay: 14213ms;
          animation-delay: 14213ms;
}
@-webkit-keyframes move-frames-185 {
  from {
    transform: translate3d(54vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -123vh, 0);
  }
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(54vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -123vh, 0);
  }
}
.circle-container:nth-child(185) .circle {
  -webkit-animation-delay: 2183ms;
          animation-delay: 2183ms;
}
.circle-container:nth-child(186) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 33200ms;
          animation-duration: 33200ms;
  -webkit-animation-delay: 26655ms;
          animation-delay: 26655ms;
}
@-webkit-keyframes move-frames-186 {
  from {
    transform: translate3d(32vw, 108vh, 0);
  }
  to {
    transform: translate3d(90vw, -119vh, 0);
  }
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(32vw, 108vh, 0);
  }
  to {
    transform: translate3d(90vw, -119vh, 0);
  }
}
.circle-container:nth-child(186) .circle {
  -webkit-animation-delay: 3662ms;
          animation-delay: 3662ms;
}
.circle-container:nth-child(187) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 28093ms;
          animation-duration: 28093ms;
  -webkit-animation-delay: 34552ms;
          animation-delay: 34552ms;
}
@-webkit-keyframes move-frames-187 {
  from {
    transform: translate3d(18vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -137vh, 0);
  }
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(18vw, 110vh, 0);
  }
  to {
    transform: translate3d(94vw, -137vh, 0);
  }
}
.circle-container:nth-child(187) .circle {
  -webkit-animation-delay: 2785ms;
          animation-delay: 2785ms;
}
.circle-container:nth-child(188) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 34912ms;
          animation-duration: 34912ms;
  -webkit-animation-delay: 29680ms;
          animation-delay: 29680ms;
}
@-webkit-keyframes move-frames-188 {
  from {
    transform: translate3d(92vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -134vh, 0);
  }
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(92vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -134vh, 0);
  }
}
.circle-container:nth-child(188) .circle {
  -webkit-animation-delay: 2043ms;
          animation-delay: 2043ms;
}
.circle-container:nth-child(189) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 30082ms;
          animation-duration: 30082ms;
  -webkit-animation-delay: 16630ms;
          animation-delay: 16630ms;
}
@-webkit-keyframes move-frames-189 {
  from {
    transform: translate3d(42vw, 109vh, 0);
  }
  to {
    transform: translate3d(68vw, -130vh, 0);
  }
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(42vw, 109vh, 0);
  }
  to {
    transform: translate3d(68vw, -130vh, 0);
  }
}
.circle-container:nth-child(189) .circle {
  -webkit-animation-delay: 396ms;
          animation-delay: 396ms;
}
.circle-container:nth-child(190) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 31515ms;
          animation-duration: 31515ms;
  -webkit-animation-delay: 11835ms;
          animation-delay: 11835ms;
}
@-webkit-keyframes move-frames-190 {
  from {
    transform: translate3d(81vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -129vh, 0);
  }
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(81vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -129vh, 0);
  }
}
.circle-container:nth-child(190) .circle {
  -webkit-animation-delay: 1329ms;
          animation-delay: 1329ms;
}
.circle-container:nth-child(191) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 31520ms;
          animation-duration: 31520ms;
  -webkit-animation-delay: 13778ms;
          animation-delay: 13778ms;
}
@-webkit-keyframes move-frames-191 {
  from {
    transform: translate3d(49vw, 102vh, 0);
  }
  to {
    transform: translate3d(66vw, -129vh, 0);
  }
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(49vw, 102vh, 0);
  }
  to {
    transform: translate3d(66vw, -129vh, 0);
  }
}
.circle-container:nth-child(191) .circle {
  -webkit-animation-delay: 1874ms;
          animation-delay: 1874ms;
}
.circle-container:nth-child(192) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 31985ms;
          animation-duration: 31985ms;
  -webkit-animation-delay: 14914ms;
          animation-delay: 14914ms;
}
@-webkit-keyframes move-frames-192 {
  from {
    transform: translate3d(16vw, 104vh, 0);
  }
  to {
    transform: translate3d(97vw, -119vh, 0);
  }
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(16vw, 104vh, 0);
  }
  to {
    transform: translate3d(97vw, -119vh, 0);
  }
}
.circle-container:nth-child(192) .circle {
  -webkit-animation-delay: 1206ms;
          animation-delay: 1206ms;
}
.circle-container:nth-child(193) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 33056ms;
          animation-duration: 33056ms;
  -webkit-animation-delay: 14066ms;
          animation-delay: 14066ms;
}
@-webkit-keyframes move-frames-193 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(55vw, -138vh, 0);
  }
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(55vw, -138vh, 0);
  }
}
.circle-container:nth-child(193) .circle {
  -webkit-animation-delay: 1505ms;
          animation-delay: 1505ms;
}
.circle-container:nth-child(194) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 32566ms;
          animation-duration: 32566ms;
  -webkit-animation-delay: 36963ms;
          animation-delay: 36963ms;
}
@-webkit-keyframes move-frames-194 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(19vw, -130vh, 0);
  }
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(60vw, 101vh, 0);
  }
  to {
    transform: translate3d(19vw, -130vh, 0);
  }
}
.circle-container:nth-child(194) .circle {
  -webkit-animation-delay: 3044ms;
          animation-delay: 3044ms;
}
.circle-container:nth-child(195) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 29246ms;
          animation-duration: 29246ms;
  -webkit-animation-delay: 11560ms;
          animation-delay: 11560ms;
}
@-webkit-keyframes move-frames-195 {
  from {
    transform: translate3d(11vw, 104vh, 0);
  }
  to {
    transform: translate3d(64vw, -110vh, 0);
  }
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(11vw, 104vh, 0);
  }
  to {
    transform: translate3d(64vw, -110vh, 0);
  }
}
.circle-container:nth-child(195) .circle {
  -webkit-animation-delay: 1896ms;
          animation-delay: 1896ms;
}
.circle-container:nth-child(196) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 34510ms;
          animation-duration: 34510ms;
  -webkit-animation-delay: 26738ms;
          animation-delay: 26738ms;
}
@-webkit-keyframes move-frames-196 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(42vw, -116vh, 0);
  }
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(42vw, -116vh, 0);
  }
}
.circle-container:nth-child(196) .circle {
  -webkit-animation-delay: 1987ms;
          animation-delay: 1987ms;
}
.circle-container:nth-child(197) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 31686ms;
          animation-duration: 31686ms;
  -webkit-animation-delay: 9692ms;
          animation-delay: 9692ms;
}
@-webkit-keyframes move-frames-197 {
  from {
    transform: translate3d(100vw, 103vh, 0);
  }
  to {
    transform: translate3d(79vw, -113vh, 0);
  }
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(100vw, 103vh, 0);
  }
  to {
    transform: translate3d(79vw, -113vh, 0);
  }
}
.circle-container:nth-child(197) .circle {
  -webkit-animation-delay: 531ms;
          animation-delay: 531ms;
}
.circle-container:nth-child(198) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 28092ms;
          animation-duration: 28092ms;
  -webkit-animation-delay: 6392ms;
          animation-delay: 6392ms;
}
@-webkit-keyframes move-frames-198 {
  from {
    transform: translate3d(89vw, 105vh, 0);
  }
  to {
    transform: translate3d(56vw, -121vh, 0);
  }
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(89vw, 105vh, 0);
  }
  to {
    transform: translate3d(56vw, -121vh, 0);
  }
}
.circle-container:nth-child(198) .circle {
  -webkit-animation-delay: 80ms;
          animation-delay: 80ms;
}
.circle-container:nth-child(199) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 32000ms;
          animation-duration: 32000ms;
  -webkit-animation-delay: 21692ms;
          animation-delay: 21692ms;
}
@-webkit-keyframes move-frames-199 {
  from {
    transform: translate3d(41vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -110vh, 0);
  }
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(41vw, 108vh, 0);
  }
  to {
    transform: translate3d(15vw, -110vh, 0);
  }
}
.circle-container:nth-child(199) .circle {
  -webkit-animation-delay: 3245ms;
          animation-delay: 3245ms;
}
.circle-container:nth-child(200) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 35126ms;
          animation-duration: 35126ms;
  -webkit-animation-delay: 2739ms;
          animation-delay: 2739ms;
}
@-webkit-keyframes move-frames-200 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(23vw, -131vh, 0);
  }
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(23vw, -131vh, 0);
  }
}
.circle-container:nth-child(200) .circle {
  -webkit-animation-delay: 1313ms;
          animation-delay: 1313ms;
}

.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;
  }
}

footer {
  height:100em;
}

header{height:20em}


.moon { 
   position: fixed;
  border-radius: 500px;
  z-index: 10;
  top:5%;
  left: 20px;
  height: 20vh;
  width: 20vh;
  -webkit-box-shadow: 3px 2px 15px 5px #FFFFFF; 
  box-shadow: 3px 2px 15px 5px #FFFFFF;
}




canvas {
display: block;
}




#canvas_container {
width: 100vw;
position: relative;
height:100%;
}
.info {
z-index: 3;
position: absolute;
top:40%;

}





#layout { 
color:transparent;
height:600px;
width:100%;
height:100%; 
}
.sta {
z-index: -3;
position: absolute;
background-image: url(   https://www.manufosela.es/shooting_stars/hori.png), url( https://www.manufosela.es/shooting_stars/stars_5.png);
background-repeat: repeat-x, repeat-x repeat-y;
transform:translate3D(0em, 0em, 0);
animation: stars 21s ease; 
transform-style: preserve-3d;
}
.pro {
position: relative;
}

header {
position: fixed;
width: 100%;;
z-index: -1;
height: 100vh; /* Ajustez la hauteur selon vos besoins */
background-color: transparent; /* Rendre l'en-tête transparent */
}

.stars {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -2;
}

.star {
position: absolute;
width: 2px;
height: 2px;
background: #fff;
animation: twinkle 2s infinite;
z-index: -2;
}

@keyframes twinkle {
0% {
    opacity: 0;
    transform: translateY(0);
}
100% {
    opacity: 1;
    transform: translateY(-10px);
}
}

.projet1 {
border: 1px solid white;
position: relative;
z-index: 2;
border-radius: 50px;
background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;

box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(5, 27, 42),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
.projet2 {
border: 1px solid white;
position: relative;
z-index: 2;
border-radius: 50px;
background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;
box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(5, 27, 42),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
.projet3 {
border: 1px solid white;
position: relative;
z-index: 2;
border-radius: 50px;

background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;
box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(5, 27, 42),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
.projet4 {
border: 1px solid white;
position: relative;
z-index: 2;
border-radius: 50px;
background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;

box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(5, 27, 42),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
.projet5 {
border: 1px solid white;
position: relative;
z-index: 2;
border-radius: 50px;
background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;

box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(5, 27, 42),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
.projet6 {
border: 1px solid white;
position: relative;
z-index: 3;
border-radius: 50px;

background-image: url(img/galaxy8.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;

box-shadow: 
0px 3px 0px 0px rgba(0, 0, 0, 0.1), 
0px 6px 0px 0px rgba(0, 0, 0, 0.1), 
0px 9px 0px 0px rgba(0, 0, 0, 0.1), 
0px 12px 0px 0px rgba(0, 0, 0, 0.1), 
0px 15px 0px 0px rgba(0, 0, 0, 0.1), 
0px 18px 0px 0px rgba(118, 118, 118, 0.1), 
10px 21px 0px 0px rgb(12, 65, 100), 
12px 10px 0px 10px rgb(6,35,55), 
15px 14px 0px 10px rgb(255, 255, 255),


5px 5px 15px 5px rgba(0, 11, 255, 0),
0px 0px 10px 10px rgba(0, 0, 0, 0.5); 
}
#canvas {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
position: absolute;
z-index: -1;
}

.bandeau {




width:100%;

}
.cv {
width: 50%;
border-radius: 50px;
background-color: #fff; /* Couleur de fond de la boîte */
box-shadow:
  0px 0px 0px 8px rgba(0, 29, 49, 0.5), /* Bleu foncé */
  0px 0px 0px 16px rgb(0,23,61), /* Bleu moyen */
  0px 0px 0px 24px rgb(0,41,107), /* Bleu clair */
  0px 0px 0px 31px rgb(0,56,146), /* Bleu très clair */
  0px 0px 0px 39px rgb(21,108,208), /* Bleu presque blanc */
  5px 5px 15px 5px rgba(0, 0, 0, 0); /* Ombre noire */
}

.temp-wrapper {
margin: 20px;
}

@media all and (min-width: 480px) {
.temp-wrapper {
  width: 50%;
  margin: 20px auto;
}

.temp-wrapper--wide {
  width: 100%;
}

.temp-wrapper--wider {
  width: 100%;
}
}

@media all and (min-width: 768px) {
.temp-wrapper {
  width: 33.33337%;
}

.temp-wrapper--wide {
  width: 66.66667%;
}

.temp-wrapper--wider {
  width: 100%;
}
}

@media all and (min-width: 1024px) {
.temp-wrapper {
  width: 25%;
}

.temp-wrapper--wide {
  width: 50%;
}

.temp-wrapper--wider {
  width: 75%;
}
}





/*------------*\
 #IPHONE X
\*------------*/



.px {
position: relative;
padding: 6% 7%;
}

.px--ls {
padding: 3.3% 3%;
}

.px__body {
  position: absolute;
  top:    0;
  right:  1%;
  bottom: 0;
  left:   1%;
  background: linear-gradient(to top, #e5e5e5 0%, #f7f7f9 10%, #eeeef0 90%);
  border-radius: 14%/7%;
  box-shadow: inset 0 0 3px 1px #000
}

.px--ls > .px__body {
  top:    1%;
  right:  0;
  bottom: 1%;
  left:   0;
  border-radius: 7%/14%;
}

  .px__body:before {
    content: '';
    position: absolute;
    top:     .7%;
    right:  1.4%;
    bottom:  .7%;
    left:   1.4%;
    background-color: #000;
    border-radius: 13%/7%;
    box-shadow: 0 0 3px #000
  }

  .px--ls > .px__body:before {
    top:    1.4%;
    right:   .7%;
    bottom: 1.4%;
    left:    .7%;
    border-radius: 7%/13%;
  }

  .px__body:after {
    content: '';
    position: absolute;
    top:    1%;
    right:  2.3%;
    bottom: 1%;
    left:   2.3%;
    background-color: #000;
    box-shadow: inset 0 0 10px 2px #fff;
    border-radius: 13%/6.5%;
  }

  .px--ls > .px__body:after {
    top:    2.3%;
    right:  1%;
    bottom: 2.3%;
    left:   1%;
    border-radius: 6.5%/13%;
  }

  .px__body__cut {
    position: absolute;
    z-index: 2;
    top:   3%;
    left: 50%;
    width: 50%;
    height: 3.5%;
    background-color: #000;
    border-radius: 0 0 10% 10%/80%;
    transform: translate3d(-50%,0,0);
  }

  .px--ls .px__body__cut {
    top: 50%;
    left: 3%;
    width: 3.5%;
    height:  50%;
    border-radius: 0 80% 80% 0/10%;
    transform: translate3d(0,-50%,0);
  }

  .px__body__speaker, .px__body__camera, .px__body__sensor {
    position: absolute;
    z-index: 2;
    background-color: #222;
    transform: translate(-50%,-50%);
  }

  .px__body__speaker {
    top:  4%;
    left: 50%;
    width: 12%;
    height:  .8%;
    border-radius: 5px;
  }

  .px--ls .px__body__speaker {
    top:  50%;
    left: 4%;
    width:    .8%;
    height: 12%;
  }

  .px__body__camera {
    top:   4%;
    left: 36%;
    width:  3.5%;
    height: 1.7%;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 1px #000;
  }

  .px--ls .px__body__camera {
    top:  64%;
    left:  4%;
    width:  1.7%;
    height: 3.5%;
  }

  .px__body__sensor {
    top:   4%;
    left: 61%;
    width:  2.2%;
    height: 1.1%;
    border-radius: 50%;
    background-color: #2a4a73;
    box-shadow: inset 0 0 2px 1px #000;
  }

  .px--ls .px__body__sensor {
    top:  39%;
    left:  4%;
    width:  1.1%;
    height: 2.2%;
  }

  .px__body__mute, .px__body__up, .px__body__down, .px__body__right {
    position: absolute;
    background-color: #b5b8ba;
    box-shadow: inset 0 5px 5px -3px rgba(0,0,0,.5), inset 0 -5px 5px -3px rgba(0,0,0,.5);
    transform: translate(0,-50%);
  }

  .px--ls .px__body__mute, .px--ls .px__body__up, .px--ls .px__body__down, .px--ls .px__body__right {
    box-shadow: inset 5px 0 5px -3px rgba(0,0,0,.5), inset -5px 0 5px -3px rgba(0,0,0,.5);
    transform: translate(-50%,0);
  }

  .px--ls .px__body__right {
    background-color: #f4f6f6;
  }

  .px__body__mute {
    top: 14.7%;
    left: -.7%;
    width: .7%;
    height: 4%;
    border-radius: 1px 0 0 1px;
  }

  .px--ls .px__body__mute {
    top: auto;
    left:  14.7%;
    bottom: -.7%;
    width: 4%;
    height: .7%;
    border-radius: 0 0 1px 1px;
  }

  .px__body__up, .px__body__down {
    left: -1%;
    width:  1%;
    height: 7.5%;
    border-radius: 2px 0 0 2px;
  }

  .px--ls .px__body__up, .px--ls .px__body__down {
    bottom: -1%;
    width:  7.5%;
    height: 1%;
    border-radius: 0 0 2px 2px;
  }

  .px__body__up {
    top: 25%;
  }

  .px--ls .px__body__up {
    top: auto;
    left: 25%;
  }

  .px__body__down {
    top: 34%;
  }

  .px--ls .px__body__down {
    top: auto;
    left: 34%;
  }

  .px__body__right {
    top:   25%;
    right: -1%;
    width:  1%;
    height: 7.5%;
    border-radius: 0 2px 2px 0;
  }

  .px--ls .px__body__right {
    top:  -1%;
    right: auto;
    left: 25%;
    width:  7.5%;
    height: 1%;
    border-radius: 2px 2px 0 0;
  }

.px__screen {
  position: relative;
  z-index: 1;
}

  .px__screen__ {
    position: relative;
    padding-bottom: 218%;
    background-color: #888;
    border-radius: 10%/5%;
    box-shadow: 0 0 10px #000;
  }

  .px--ls .px__screen__ {
    padding-bottom: 46%;
    border-radius: 5%/10%;
  }

    .px__screen__frame {
      position: absolute;
      top:    0;
      right:  0;
      bottom: 0;
      left:   0;
      overflow: hidden;
      border-radius: inherit;
      background-size: cover;
      background-position: center center
    }

      .px__screen__frame > .fa {
        position: absolute;
        top:  50%;
        left: 50%;
        font-size: 5em;
        transform: translate(-50%,-50%);
      }

 
      .wrapper {
        width: 800px;
        margin: 0 auto;
      }
      .devices {
        position: relative;
        height: 800px;
        overflow: hidden;
      }
  
      .desktop {
        position: absolute;
      }
      .desktop-iframe-container {
        width: 800px;
        height: 665px;
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/121761/iMac-Flat-Mockup_1000px.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 800px;
        position: absolute;
        float: left;
        z-index: 100;
      }
      #iframe-desktop {
        position: absolute;
        width: 734px;
        height: 414px;
        top: 50px;
        left: 33px;
        background: #fff;
        z-index: 100;
      }
  
      
      @media (max-width:900px){
        .wrapper {
          transform: scale(0.8, 0.8);
        }
      }
      @media (max-width:700px){
        .wrapper {
          transform: scale(0.6, 0.6);
        }
      }
      @media (max-width:500px){
        .wrapper {
          transform: scale(0.4, 0.4);
        }
      }




@keyframes launchAnimation {
  0% {
      bottom: -2000px;
  }
  100% {
      bottom: 100%;
  }
}


.hidden1 {
display: none;
}

.contact {
position: relative;
z-index: 1;
top: 0;
}

.foot {
position: relative;
}

.rocket {
width: 300px;
height: 700px;
border-style: none;
background-size: contain;
background-repeat: no-repeat;
position: fixed;
bottom: -2000px;
left: 50%;
transform: translateX(-50%);
transition: none;
z-index: 199;

}

@keyframes blink {
0% {
  opacity: 1;
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}

.ici {
animation: blink 1s infinite;
color: orange;
}