html { box-sizing: border-box; }

*,
*:before,
*:after { box-sizing: inherit; }

body {
    min-height: 100vh;
    margin: 0 auto;
    padding: 0;
    color: antiquewhite;
    font-family: "Droid Sans", Roboto, "Helvetica Neue", "Verdana", serif !important;
    line-height: 1.25;
    background: #d18545 linear-gradient(to bottom, #22688C 1%, #6f3b55ad 27%, #6f3b5591  46%,   #6f3b5500 79%);
}
@keyframes bg {
    0%, 100% { background-position: 0% 0%; }
    25% { background-position: 100% 0%; }
    50% { background-position: 0% 100%; }
    75% {background-position: 100% 100%;}
}

h1,
h2,
h3,
h4,
h5,
p,
ul {
    padding: 0;
    margin: 0;
    font-weight: 400;
}

h1, h2, h3, h4{
    font-weight: bolder;
    line-height: 1.4;
    padding: 5px;
}
small{
font-size: 0.6em;
line-height: 0.8;
font-weight: unset;
}

a {
    color: #8f3931;
    text-decoration: underline;
    font-size: 1rem;
}
.no-background {
    border-color: transparent;
    background-color: transparent;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}

.no-background.no-fx {
    border: none!important;
    background-color: transparent!important;
    -webkit-transition: background-color 2s ease-out!important;
    -moz-transition: background-color 2s ease-out!important;
    -o-transition: background-color 2s ease-out!important;
    transition: background-color 2s ease-out!important;
}

.button {
    display: block;
    padding: 5px 15px;
    width: 75%;
    border-radius: 50px;
    text-decoration: none;
    margin: 10px auto;
    line-height: 1;
    box-shadow: 2px 2px 2px rgba(154, 134, 87, 0.4);
    color: #8f3931;
    filter: brightness(90%);
    cursor: pointer;
    overflow: hidden;
    transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
    border: solid thin rgba(250, 217, 87, 0.8);
    background-color: rgba(250, 217, 87, 0.6);
    text-align: center;
}

@media only screen and (max-width: 599px) {
    body {
        font-size: 18px;
    }

    .smallscreen {
        display: block;
    }

    .largescreen {
        display: none;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 1.15rem;
    }

    .header {
        flex-direction: column;
    }

    .section-content, .section-content-full {
        width: 100%;
    }

    .small-padding-0 {
        padding: 0 !important;
    }

    .small-padding-0 .card {
        margin: 0 !important;
        border-radius: 0;
    }

    .small-padding-0 header {
        padding: 10px;
    }

    .small-padding-0 .card + .card {
        margin-top: 20px !important;
        border-radius: 0;
    }

    .small-full-back {
        width: 100%;
        margin: 0;
        border-top: 0;
        border-bottom: 0;
    }

        .section-content-full{
        display: flex;
        flex-direction: column;
    }
    .card-colored.no-background{
        transition: unset;
    }

    div.section-row {
        display: flex;
        width: 100% ;

    }

    .block-concours{
        display: flex;
        flex-direction: column;
        flex: 1 ;
        align-items: center;
        text-align: center;
    }
    .block-concours > header{
        flex: 1;
    }

    .block-concours > article{
        flex: 1
    }
}

dl{ display: flex; font-size: 1rem; width: 100%; }
dt { flex: 1; }
dd { flex: 3; text-align: left }

dl.hrx {
border-bottom: solid thin rgba(250, 217, 87, 0.8);
border-top: solid thin rgba(250, 217, 87, 0.8);
background-color: rgba(250, 217, 87, 0.2);
}
.formrow, .formcol {
width: 100%;
margin: 1.5rem auto;

}

.formrow {
display: block;
}
label {
display: flex;
}
.formcol {
display: flex;
width: 100%;
}
.formcol label {
flex: 1;
}
input:not([type='checkbox'],[type='radio']) {
border: none;
font-size: 1rem;
line-height: 1.2rem;
outline: 0;
filter: brightness(90%);
}
input::placeholder {
    color: rgba(112, 48, 86, 0.9)
}

input:not([type='checkbox'],[type='radio']):hover {
    filter: brightness(110%);
    /*box-shadow: 1px 1px 1px darkgoldenrod, -1px -1px 1px goldenrod;*/
}
input:not([type='checkbox'],[type='radio']):focus {
    background-color: rgba(255, 255, 255, 0.5)
    /*box-shadow: inset 1px 1px 1px darkgoldenrod, inset -1px -1px 1px goldenrod;*/
}
input[type='radio'],[type='checkbox']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    height: 1.2rem;
    width: 1.2rem;
    transition: all 0.15s ease-out 0s;
    margin-right: 0.5rem;
    margin-bottom: 0;
    z-index: 4;
    border: 3px solid rgba(250, 217, 87, 0.8);
    background-color: rgba(250, 217, 87, 0.8);
    outline: rgba(145, 55, 50, 0.9) solid 1px;
}
input[type='radio']:hover,[type='checkbox']:hover{
background-color: rgba(145, 55, 50, 0.6);
filter: brightness(110%);
}
input[type='radio']:checked,[type='checkbox']:checked{
background-color: rgba(145, 55, 50, 0.8);
}
input[type='radio']{
border-radius: 50%;
}
.formrow .formitem, .formcol .formitem {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.formrow .formitem input:not([type='checkbox'],[type='radio']), .formcol .formitem input:not([type='checkbox'],[type='radio']){
    width: 100%;
    margin: 0.2rem auto;
    background: transparent;
    color: #FDFCFD;
    line-height: 1.5;
}
.formrow .formitem input:not([type='checkbox'],[type='radio']):hover,
.formcol .formitem input:not([type='checkbox'],[type='radio']):hover{
    background-color: rgba(255,255,255,0.1);
}
*[disabled]{
filter: grayscale(80%)!important;
cursor:not-allowed!important;
}

@media only screen and (min-width: 600px) {
    body {
        font-size: 16px;
    }

    .smallscreen {
        display: none;
    }

    .largescreen {
        display: block;
    }


    h1 {
        font-size: 2.5rem;
        color: rgb(112, 48, 86);
        text-shadow: 0 0 3px white, 0 0 1px yellow;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.2rem;
    }

    .section-content {
        max-width: 960px;
    }

    .section-content-full {
        max-width: unset;
        width: 100%;
    }

    #lightbox-prev img, #lightbox-next img {
        filter: brightness(0.8) opacity(0.6);
    }
    #lightbox-prev img:hover, #lightbox-next img:hover {
        filter: brightness(1.2) opacity(1);
    }
    div.section-row {
        display: flex;
        width: 960px;
    }

    .block-concours {
        display: flex;
        flex: 0.7;
        align-items: center;
        text-align: center;
    }

    .block-concours > header {
        flex: 1;
    }

    .block-concours > article {
        flex: 2 400px
    }

    a {
        color: rgba(143, 57, 49, 0.5);
        display: inline-block;
    }

    a:hover {
        color: #833129;
        filter: brightness(0.71);
    }

    .button:hover {
        color: #8f3931;
        box-shadow: 2px 2px 2px rgba(143, 57, 49, 0.6);
        filter: brightness(110%);
    }
}
.button.green {
    background-color: rgba(67, 169, 1, 0.6);
    border:thin solid rgba(43, 112, 0, 0.8);
    color: rgb(250, 217, 87, 0.95)
}

svg:not(:root) {
overflow: hidden;
}
body > header {
margin: 0 20px;
}
body > header  > .logo{
filter: contrast(1.2) brightness(0.55);
}
#main-header {
    background: transparent url("https://e-teens.3p0.net/media/images/e-concoursx350.original.jpg") no-repeat center center;
    background-size: cover ;
    height: 350px;
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    color: gainsboro;
}

#main-header > aside { width: 100%;}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 230px;
}
.header > .logo { height: 100%; filter: brightness(1.5); }

    header, section, article, .section-content, .section-content-full, .card {
z-index:10
}
.text-center {
text-align: center;
}
section {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e6e6e6;
line-height: 2;
font-size: 1.2rem;
text-align: left;
}
article {
font-size: 16px;
text-align: justify;
padding: 10px;
line-height: 1.8;
}
article.big-size {
font-size: 20px;
}

.section-content, .section-content-full{
padding: 20px;
text-align: justify;
margin: 20px auto;
}
.section-content{
max-width: 960px;
}
.section-content-full{
max-width: unset;
width: 100%;
display: flex;
justify-content: center;
border: none;
align-items: stretch;
flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
}
.section-content.colored, .section-content-full.colored{
background-color: #94706a9e;
border: none;
border-bottom: solid thin #fff4c97d;
border-top: solid thin #fff4c97d;
}

.section-content.colored:hover {
box-shadow: 0 1px 1px rgba(255,255,255, 0.2), 0 -1px 1px rgba(255,255,255, 0.2);

}
.section-content > .big-size {
color:  #f0f0f0;
}
.card {
    flex: 1 1 calc(33% - 30px);
    text-align: center;
    padding: 25px;
    margin: 15px;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.card > header {
    flex: 0 0;
    width: 100%;
}
.card > header > div.img-header {
    display: block;
    height: 200px;
    background-origin: content-box;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 10px 10px 0 0;
}
.card > header > div.img-header.visitors {
    background-image: url('https://e-teens.3p0.net/media/images/visitorsx250.original.jpg');
}
.card > header > div.img-header.teens {
    background-image: url('https://e-teens.3p0.net/media/images/teensx250.original.jpg');
}
.card > header > div.img-header.staff {
    background-image: url('https://e-teens.3p0.net/media/images/staffx250.original.jpg');
}



.un_tiers {
flex: 1 200px;
}
.deux_tiers {
flex: 3;
}
img{
max-height: 200px;
}

.card:hover {
box-shadow: 0 0  2px rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.6);
}

.card-colored {
    border: 1px solid rgba(227, 180, 113, 0.6);
    background-color: rgba(227, 180, 113, 0.7);
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.card-colored-light {
    border: 1px solid rgba(227, 255, 255, 0.6)!important;
    background-color: rgba(255, 255, 255, 0.4)!important;
}

.no-fx:hover {
    border: none!important;
    background-color: transparent!important;
    -webkit-transition: initial!important;
    -moz-transition: initial!important;
    -o-transition: initial!important;
    transition: unset!important;
    box-shadow:unset!important;
}
.card-top {
    justify-content: space-between;
}
.section-content.colored, .section-content-full.colored .card-colored {
border: none;
background-color: transparent;

}

.card-colored:hover, .section-content.colored, .section-content-full.colored .card-colored:hover {
border: 1px solid rgba(180, 89, 68, 0.6);
background-color: rgba(180, 89, 68, 0.7);
-webkit-transition: background-color 1s ease-in;
-moz-transition: background-color 1s ease-in;
-o-transition: background-color 1s ease-in;
transition: background-color 1s ease-in;
}
.card-colored-light:hover {
    border: 1px solid rgba(227, 180, 113, 0.6);
    background-color: rgba(227, 180, 113, 0.7);
    filter: brightness(1.2);
}
.soft-background {
border-color: rgba(255,255,255,0.2);
background-color: rgba(255,255,255,0.2);
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;}



div.wally{
padding: 5px;
flex: 0.3 250px;
}
div.wally + div{
flex: 1;
}

ul,ul > li{
    list-style:none;
}
blockquote {
position: relative;
margin: 0;
width: 100%;
top: 0;
max-height: 182px;
padding: 10px;
}
blockquote p {
margin: 5px;
max-height: 164px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
font-size: 17px;
line-height: 1.2;
}
blockquote:before {
position: absolute;
content: "\201C";
font-size: 30px;
top: -8px;
left: 0;
}

blockquote:after {
    position: absolute;
    content: "\201D";
    bottom: -25px;
    font-size: 30px;
    right: 0;
}
cite {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    background: #d6d6d6;
    z-index: 1;
}
ul.colorized-list li , ul.sortable-list li{
    box-sizing: border-box;
    border: 1px solid rgba(250, 217, 87, 0.8);
    background-color: rgba(250, 217, 87, 0.8);
    font-size: 1rem;
    color:#000;
    display:block;
    transition: all 3s ease-in-out;
    z-index: 0;
    line-height: 1.2;
    filter: brightness(85%);
    padding: 5px 20px
}
ul.colorized-list-fx li:hover {
    filter: brightness(110%);
    transition: all 3s ease-in-out;

}

ul.colorized-list li:nth-child(2n),  ul.sortable-list li:nth-child(2n) {
border: 1px solid rgba(180, 89, 68, 0.8);
background-color: rgba(180, 89, 68, 0.8);
}
ul.colorized-list li:nth-child(3n) , u ul.sortable-list li:nth-child(3n){
border: 1px solid rgba(183, 117, 42, 0.9);
background-color: rgba(183, 117, 42, 0.9);
}
ul.colorized-list li:nth-child(4n), ul.sortable-list li:nth-child(4n){
border: 1px solid rgba(143, 65, 112, 0.9);
background-color: rgba(143, 65, 112, 0.9);
}
ul.colorized-list li:nth-child(5n),  ul.sortable-list li:nth-child(5n) {

border: 1px solid rgba(58, 136, 78, 0.9);
background-color: rgba(58, 136, 78, 0.9);
}
ul.colorized-list li:nth-child(6n), ul.sortable-list li:nth-child(6n) {
border: 1px solid rgba(45, 100, 152, 0.9);
background-color:rgba(45, 100, 152, 0.9);
}
ul.colorized-list li:nth-child(7n), ul.sortable-list li:nth-child(6n) {
border: 1px solid rgba(180, 89, 68, 0.8);
background-color: rgba(180, 89, 68, 0.8);
}
ul.colorized-list li:nth-child(8n), ul.sortable-list li:nth-child(8n) {

border: 1px solid rgba(250, 217, 87, 0.8);
background-color: rgba(250, 217, 87, 0.8);
}
ul.colorized-list li:nth-child(9n) , ul.sortable-list li:nth-child(3n){
border: 1px solid rgba(58, 136, 78, 0.9);
background-color: rgba(58, 136, 78, 0.9);
}
ul.colorized-list li:nth-child(10n) ,ul.sortable-list li:nth-child(4n +6){
border: 1px solid rgba(143, 65, 112, 0.9);
background-color: rgba(143, 65, 112, 0.9);
}
ul.colorized-list li:nth-child(11n), ul.sortable-list li:nth-child(5n + 6) {
border: 1px solid rgba(183, 117, 42, 0.9);
background-color: rgba(183, 117, 42, 0.9);
}


ul.sortable-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
ul.sortable-list li{
    margin: 1em;
    position: absolute;
    height: 15em;
    width: 15em;
    padding:1em;
    transition: z-index 1s ease-in-out;
    overflow: hidden;
    z-index: 20;
    text-overflow: ellipsis;
    border-radius: 16px;
    line-height: 1.5;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    cursor: pointer;
}
ul.sortable-list li svg{
    bottom: 0;
    position: absolute;
    margin-bottom: 10px;
    left: 40%;
    opacity: 0.6;
    filter: brightness(1.2);
}
ul.sortable-list li.backed svg, #lightbox-item svg{
    display: none;
}
ul.sortable-list li:nth-child(odd) {
    transform:rotate(-4deg);
    top:5px;
}
ul.sortable-list li:nth-child(even) {
    transform:rotate(4deg);
    top:5px;
}
ul.sortable-list li:nth-child(3n) {
    transform:rotate(-3deg);
    top:-5px;
}
ul.sortable-list li:nth-child(5n) {
transform:rotate(5deg);
top:-10px;
}
ul.sortable-list li:nth-child(7n) {
transform:rotate(-7deg);
top:7px;
}

ul.etiquette {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}

ul.etiquette li {
flex: 1 0 250px;
margin: 4px;
align-self: start;
}
ul.etiquette li.focused {
border-radius: 16px;
box-shadow: 2px 2px 4px rgba(33,33,33,.7);
}
div.captcha-block{
max-width: 150px;
}
div.captcha-block > img{
width: auto;
height: auto;
}
b{ color:rgba(249, 213, 110, 0.8) }
#lightbox-container {
width: 100%;
padding: 0;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
height: 250px;
margin: 20px;
}

#lightbox-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;

}

#lightbox-item {
    height: 100%;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}
#center-top {
    height: 64px;

}

#lightbox-item-section{
    padding: 0.5em;
    flex: 1;
    color:  rgb(112, 48, 86);
    font-size: 1rem;
}
#lightbox-prev img, #lightbox-next img {
    height: 32px;
}

#lightbox-prev, #lightbox-next {
    flex: 0 0 64px;
    width:64px;
    font-size: 24px;
    cursor: pointer;
    color: rgba(112, 48, 86);

}
#lightbox-content #lightbox-item-section.flex-container {
  align-items: baseline;
  justify-content: flex-start;
}
ul.teams li.leader  {
    border: 1px solid rgba(112, 48, 86, 0.8);
    background-color: rgba(112, 48, 86, 0.6);
}

ul.teams li {
    margin: 10px;
    padding: 10px 20px;
    border: 1px solid rgba(249, 213, 110, 0.8);
    background-color: rgba(249, 213, 110, 0.6);
}


.figure-logo {
    max-width: 150px;
    max-height: 55.1px;
}

.release-notes {
    font-size: 14px;
}

.main {
    margin: 0 auto;
    text-align: center;
}

.figure-space {
    max-width: 265px;
}

@keyframes pos {
    0%, 100% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(6deg);
    }
}

.egg {
    fill: #43b1b0;
    animation: pos 3s ease infinite;
    transform: translateY(50px);
    transform-origin: 50% 80%;
}

.main-text {
    max-width: 400px;
    margin: 5px auto;
}

.main-text h1 {
    font-size: 22px;
}

.main-text p {
    margin: 15px auto 0;
}

.footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #e6e6e6;
    padding: 10px;
}

.option {
    display: block;
    padding: 10px 10px 10px 34px;
    position: relative;
    text-decoration: none;
}

.option svg {
    width: 24px;
    height: 24px;
    fill: rgb(128, 128, 128);
    border: 1px solid #d9d9d9;
    padding: 5px;
    border-radius: 100%;
    top: 10px;
    inset-inline-start: 0;
    position: absolute;
}

.option h2 {
    font-size: 19px;
    text-decoration: underline;
}

.option p {
    padding-top: 3px;
    color: #231f20;
    font-size: 15px;
    font-weight: 300;
}
.vote {
    display: flex;
    flex-direction: row-reverse;
    max-width: 200px;
    align-self: end;
}
.vote > svg {
    flex: 1;
    fill: #555555;
    transition: fill 0.3s; /* Ajoute une transition pour une animation plus fluide */

}
.vote > svg:hover ~ svg,
.vote > svg:hover
{
    fill: rgb(250, 217, 87);
}
.highlight {
    color: rgba(250, 217, 87, 1);
}
.dropzone {
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    border: 1px solid rgba(249, 213, 110, 0.8);
    border-image: none;
    justify-content: space-evenly;
    /*align-items: flex-start;
align-content: flex-start;
padding: 13px;

max-width: 500px;
margin-left: auto;
margin-right: auto;*/
}
.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable * {
    cursor: default;
}
.dropzone.dz-clickable .dz-message {
    font-size: 26px;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message .note {
    display: block;
    font-size: 16px;
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.dropzone .dz-preview {
    flex: 0;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff3;
    width: 170px;
    margin: 5px;
}
.dropzone .dz-preview.dz-complete.dz-error {
    order: 1;
}
.dropzone .dz-preview .dz-remove {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 0 0 13px 0;
    font-size: 13px;
    text-align: center;
    background-image: linear-gradient(#fff 0, #fff 21px, transparent 36px);
}
.dropzone .dz-preview.dz-complete.dz-error .dz-remove {
    display: block;
}
.dropzone .dz-preview .dz-image {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 150px;
    width: auto;
    height: auto;
    padding: 15px;
}
.dropzone .dz-preview .dz-image img {
    max-height: initial;
    max-width: initial;
    display: block;
}
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background-image: linear-gradient(to bottom, #8bc34a, #689f38);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
}
.dropzone .dz-preview .dz-error-message {
    display: none;
    padding: 6px;
    line-height: 16px;
    font-size: 13px;
    background: linear-gradient(to bottom, #be2626, #a92222);
    color: #fff;
}
.dropzone .dz-preview.dz-complete.dz-error .dz-error-message {
    display: block;
}
.dropzone .dz-preview .dz-filename {
    font-size: 13px;
    padding: 6px;
    line-height: 16px;
    text-align: center;
}
.dropzone .dz-preview .dz-filename span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details{
    display: block;
    position: relative;
}
.dropzone .dz-preview.dz-success.dz-complete:hover .dz-error-mark g[fill="#FFFFFF"]{
    fill: rgba(112, 48, 86, 0.6);
}
.dropzone .dz-preview.dz-success.dz-complete:hover .dz-error-mark{
    opacity: 0.6;
}
.dropzone .dz-preview .dz-image{
    margin: auto;
}
.dropzone .dz-preview .dz-image img:not([src]){
    background: url(http://127.0.0.1:8000/media/images/AlbedoBase_XL_document_fichier_tlchargs_dossier.original.jpg) no-repeat;
    background-size: cover;
    width: 100%;
}

.dropzone .dz-preview .dz-details .dz-filename, .dropzone .dz-preview .dz-details .dz-size {
    width: 100%;
    margin-bottom: 0;
}
.dropzone .dz-preview .dz-details .dz-filename > span, .dropzone .dz-preview .dz-details .dz-size > span {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.flex-container {
    display: flex;
    justify-content: space-between; /* Espace équivalent entre les éléments */
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne en cas de réduction */
    width: 100%;
    flex-direction: row;
    align-items: baseline;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#lightbox-content .flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-item {
    flex: 0 1 calc(50% - 20px); /* Largeur équivalente (50% - marge) */
    padding: 5px; /* Espacement entre les éléments */
}

.w-100 {
    width: 100%;
}
.m-v-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.m-v-2 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.m-v-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.m-v-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0.7;
}

.text-right {text-align: right}
.text-left {text-align: left}

.circle-container {
    position: fixed;
    /* 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(#ffffff94, #fdf2c1a6 10%, rgba(255, 255, 255, 0) 56%);
    -webkit-animation: fadein-frames 500ms infinite, scale-frames 2s infinite;
    animation: fadein-frames 500ms 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: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 32069ms;
    animation-duration: 32069ms;
    -webkit-animation-delay: 4177ms;
    animation-delay: 4177ms;
}
@-webkit-keyframes move-frames-1 {
    from {
        transform: translate3d(4vw, 108vh, 0);
    }
    to {
        transform: translate3d(34vw, -120vh, 0);
    }
}
@keyframes move-frames-1 {
    from {
        transform: translate3d(4vw, 108vh, 0);
    }
    to {
        transform: translate3d(34vw, -120vh, 0);
    }
}
.circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 910ms;
    animation-delay: 910ms;
}
.circle-container:nth-child(2) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 36953ms;
    animation-duration: 36953ms;
    -webkit-animation-delay: 1537ms;
    animation-delay: 1537ms;
}
@-webkit-keyframes move-frames-2 {
    from {
        transform: translate3d(87vw, 107vh, 0);
    }
    to {
        transform: translate3d(79vw, -135vh, 0);
    }
}
@keyframes move-frames-2 {
    from {
        transform: translate3d(87vw, 107vh, 0);
    }
    to {
        transform: translate3d(79vw, -135vh, 0);
    }
}
.circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 3458ms;
    animation-delay: 3458ms;
}
.circle-container:nth-child(3) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 36121ms;
    animation-duration: 36121ms;
    -webkit-animation-delay: 27981ms;
    animation-delay: 27981ms;
}
@-webkit-keyframes move-frames-3 {
    from {
        transform: translate3d(58vw, 108vh, 0);
    }
    to {
        transform: translate3d(11vw, -122vh, 0);
    }
}
@keyframes move-frames-3 {
    from {
        transform: translate3d(58vw, 108vh, 0);
    }
    to {
        transform: translate3d(11vw, -122vh, 0);
    }
}
.circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 2840ms;
    animation-delay: 2840ms;
}
.circle-container:nth-child(4) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 28819ms;
    animation-duration: 28819ms;
    -webkit-animation-delay: 8938ms;
    animation-delay: 8938ms;
}
@-webkit-keyframes move-frames-4 {
    from {
        transform: translate3d(11vw, 106vh, 0);
    }
    to {
        transform: translate3d(17vw, -121vh, 0);
    }
}
@keyframes move-frames-4 {
    from {
        transform: translate3d(11vw, 106vh, 0);
    }
    to {
        transform: translate3d(17vw, -121vh, 0);
    }
}
.circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 3622ms;
    animation-delay: 3622ms;
}
.circle-container:nth-child(5) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 28555ms;
    animation-duration: 28555ms;
    -webkit-animation-delay: 28866ms;
    animation-delay: 28866ms;
}
@-webkit-keyframes move-frames-5 {
    from {
        transform: translate3d(99vw, 110vh, 0);
    }
    to {
        transform: translate3d(43vw, -137vh, 0);
    }
}
@keyframes move-frames-5 {
    from {
        transform: translate3d(99vw, 110vh, 0);
    }
    to {
        transform: translate3d(43vw, -137vh, 0);
    }
}
.circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 933ms;
    animation-delay: 933ms;
}
.circle-container:nth-child(6) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 29942ms;
    animation-duration: 29942ms;
    -webkit-animation-delay: 9892ms;
    animation-delay: 9892ms;
}
@-webkit-keyframes move-frames-6 {
    from {
        transform: translate3d(96vw, 106vh, 0);
    }
    to {
        transform: translate3d(79vw, -114vh, 0);
    }
}
@keyframes move-frames-6 {
    from {
        transform: translate3d(96vw, 106vh, 0);
    }
    to {
        transform: translate3d(79vw, -114vh, 0);
    }
}
.circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 1735ms;
    animation-delay: 1735ms;
}
.circle-container:nth-child(7) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 30221ms;
    animation-duration: 30221ms;
    -webkit-animation-delay: 4289ms;
    animation-delay: 4289ms;
}
@-webkit-keyframes move-frames-7 {
    from {
        transform: translate3d(68vw, 105vh, 0);
    }
    to {
        transform: translate3d(86vw, -133vh, 0);
    }
}
@keyframes move-frames-7 {
    from {
        transform: translate3d(68vw, 105vh, 0);
    }
    to {
        transform: translate3d(86vw, -133vh, 0);
    }
}
.circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 2699ms;
    animation-delay: 2699ms;
}
.circle-container:nth-child(8) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 29499ms;
    animation-duration: 29499ms;
    -webkit-animation-delay: 3235ms;
    animation-delay: 3235ms;
}
@-webkit-keyframes move-frames-8 {
    from {
        transform: translate3d(55vw, 109vh, 0);
    }
    to {
        transform: translate3d(81vw, -138vh, 0);
    }
}
@keyframes move-frames-8 {
    from {
        transform: translate3d(55vw, 109vh, 0);
    }
    to {
        transform: translate3d(81vw, -138vh, 0);
    }
}
.circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 2638ms;
    animation-delay: 2638ms;
}
.circle-container:nth-child(9) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 32004ms;
    animation-duration: 32004ms;
    -webkit-animation-delay: 13587ms;
    animation-delay: 13587ms;
}
@-webkit-keyframes move-frames-9 {
    from {
        transform: translate3d(60vw, 101vh, 0);
    }
    to {
        transform: translate3d(6vw, -108vh, 0);
    }
}
@keyframes move-frames-9 {
    from {
        transform: translate3d(60vw, 101vh, 0);
    }
    to {
        transform: translate3d(6vw, -108vh, 0);
    }
}
.circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 2620ms;
    animation-delay: 2620ms;
}
.circle-container:nth-child(10) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 31914ms;
    animation-duration: 31914ms;
    -webkit-animation-delay: 24117ms;
    animation-delay: 24117ms;
}
@-webkit-keyframes move-frames-10 {
    from {
        transform: translate3d(82vw, 101vh, 0);
    }
    to {
        transform: translate3d(57vw, -113vh, 0);
    }
}
@keyframes move-frames-10 {
    from {
        transform: translate3d(82vw, 101vh, 0);
    }
    to {
        transform: translate3d(57vw, -113vh, 0);
    }
}
.circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 776ms;
    animation-delay: 776ms;
}
.circle-container:nth-child(11) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 36995ms;
    animation-duration: 36995ms;
    -webkit-animation-delay: 9725ms;
    animation-delay: 9725ms;
}
@-webkit-keyframes move-frames-11 {
    from {
        transform: translate3d(68vw, 102vh, 0);
    }
    to {
        transform: translate3d(76vw, -111vh, 0);
    }
}
@keyframes move-frames-11 {
    from {
        transform: translate3d(68vw, 102vh, 0);
    }
    to {
        transform: translate3d(76vw, -111vh, 0);
    }
}
.circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 2267ms;
    animation-delay: 2267ms;
}
.circle-container:nth-child(12) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 33025ms;
    animation-duration: 33025ms;
    -webkit-animation-delay: 36501ms;
    animation-delay: 36501ms;
}
@-webkit-keyframes move-frames-12 {
    from {
        transform: translate3d(73vw, 107vh, 0);
    }
    to {
        transform: translate3d(73vw, -120vh, 0);
    }
}
@keyframes move-frames-12 {
    from {
        transform: translate3d(73vw, 107vh, 0);
    }
    to {
        transform: translate3d(73vw, -120vh, 0);
    }
}
.circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 2552ms;
    animation-delay: 2552ms;
}
.circle-container:nth-child(13) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 32043ms;
    animation-duration: 32043ms;
    -webkit-animation-delay: 29225ms;
    animation-delay: 29225ms;
}
@-webkit-keyframes move-frames-13 {
    from {
        transform: translate3d(77vw, 103vh, 0);
    }
    to {
        transform: translate3d(40vw, -117vh, 0);
    }
}
@keyframes move-frames-13 {
    from {
        transform: translate3d(77vw, 103vh, 0);
    }
    to {
        transform: translate3d(40vw, -117vh, 0);
    }
}
.circle-container:nth-child(13) .circle {
    -webkit-animation-delay: 3744ms;
    animation-delay: 3744ms;
}
.circle-container:nth-child(14) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 34118ms;
    animation-duration: 34118ms;
    -webkit-animation-delay: 20027ms;
    animation-delay: 20027ms;
}
@-webkit-keyframes move-frames-14 {
    from {
        transform: translate3d(89vw, 104vh, 0);
    }
    to {
        transform: translate3d(80vw, -123vh, 0);
    }
}
@keyframes move-frames-14 {
    from {
        transform: translate3d(89vw, 104vh, 0);
    }
    to {
        transform: translate3d(80vw, -123vh, 0);
    }
}
.circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 385ms;
    animation-delay: 385ms;
}
.circle-container:nth-child(15) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 30241ms;
    animation-duration: 30241ms;
    -webkit-animation-delay: 552ms;
    animation-delay: 552ms;
}
@-webkit-keyframes move-frames-15 {
    from {
        transform: translate3d(93vw, 101vh, 0);
    }
    to {
        transform: translate3d(66vw, -114vh, 0);
    }
}
@keyframes move-frames-15 {
    from {
        transform: translate3d(93vw, 101vh, 0);
    }
    to {
        transform: translate3d(66vw, -114vh, 0);
    }
}
.circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 2821ms;
    animation-delay: 2821ms;
}
.circle-container:nth-child(16) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 31359ms;
    animation-duration: 31359ms;
    -webkit-animation-delay: 27333ms;
    animation-delay: 27333ms;
}
@-webkit-keyframes move-frames-16 {
    from {
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        transform: translate3d(97vw, -104vh, 0);
    }
}
@keyframes move-frames-16 {
    from {
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        transform: translate3d(97vw, -104vh, 0);
    }
}
.circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 3003ms;
    animation-delay: 3003ms;
}
.circle-container:nth-child(17) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 28404ms;
    animation-duration: 28404ms;
    -webkit-animation-delay: 15016ms;
    animation-delay: 15016ms;
}
@-webkit-keyframes move-frames-17 {
    from {
        transform: translate3d(71vw, 105vh, 0);
    }
    to {
        transform: translate3d(90vw, -130vh, 0);
    }
}
@keyframes move-frames-17 {
    from {
        transform: translate3d(71vw, 105vh, 0);
    }
    to {
        transform: translate3d(90vw, -130vh, 0);
    }
}
.circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 3520ms;
    animation-delay: 3520ms;
}
.circle-container:nth-child(18) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 36379ms;
    animation-duration: 36379ms;
    -webkit-animation-delay: 7971ms;
    animation-delay: 7971ms;
}
@-webkit-keyframes move-frames-18 {
    from {
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        transform: translate3d(39vw, -135vh, 0);
    }
}
@keyframes move-frames-18 {
    from {
        transform: translate3d(26vw, 107vh, 0);
    }
    to {
        transform: translate3d(39vw, -135vh, 0);
    }
}
.circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 3734ms;
    animation-delay: 3734ms;
}
.circle-container:nth-child(19) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 31286ms;
    animation-duration: 31286ms;
    -webkit-animation-delay: 21180ms;
    animation-delay: 21180ms;
}
@-webkit-keyframes move-frames-19 {
    from {
        transform: translate3d(32vw, 109vh, 0);
    }
    to {
        transform: translate3d(65vw, -117vh, 0);
    }
}
@keyframes move-frames-19 {
    from {
        transform: translate3d(32vw, 109vh, 0);
    }
    to {
        transform: translate3d(65vw, -117vh, 0);
    }
}
.circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 3557ms;
    animation-delay: 3557ms;
}
.circle-container:nth-child(20) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 32067ms;
    animation-duration: 32067ms;
    -webkit-animation-delay: 30474ms;
    animation-delay: 30474ms;
}
@-webkit-keyframes move-frames-20 {
    from {
        transform: translate3d(85vw, 102vh, 0);
    }
    to {
        transform: translate3d(89vw, -113vh, 0);
    }
}
@keyframes move-frames-20 {
    from {
        transform: translate3d(85vw, 102vh, 0);
    }
    to {
        transform: translate3d(89vw, -113vh, 0);
    }
}
.circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 524ms;
    animation-delay: 524ms;
}
.circle-container:nth-child(21) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 34286ms;
    animation-duration: 34286ms;
    -webkit-animation-delay: 13058ms;
    animation-delay: 13058ms;
}
@-webkit-keyframes move-frames-21 {
    from {
        transform: translate3d(93vw, 103vh, 0);
    }
    to {
        transform: translate3d(33vw, -105vh, 0);
    }
}
@keyframes move-frames-21 {
    from {
        transform: translate3d(93vw, 103vh, 0);
    }
    to {
        transform: translate3d(33vw, -105vh, 0);
    }
}
.circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 2696ms;
    animation-delay: 2696ms;
}
.circle-container:nth-child(22) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 31912ms;
    animation-duration: 31912ms;
    -webkit-animation-delay: 19752ms;
    animation-delay: 19752ms;
}
@-webkit-keyframes move-frames-22 {
    from {
        transform: translate3d(64vw, 106vh, 0);
    }
    to {
        transform: translate3d(16vw, -128vh, 0);
    }
}
@keyframes move-frames-22 {
    from {
        transform: translate3d(64vw, 106vh, 0);
    }
    to {
        transform: translate3d(16vw, -128vh, 0);
    }
}
.circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 3957ms;
    animation-delay: 3957ms;
}
.circle-container:nth-child(23) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 29679ms;
    animation-duration: 29679ms;
    -webkit-animation-delay: 12835ms;
    animation-delay: 12835ms;
}
@-webkit-keyframes move-frames-23 {
    from {
        transform: translate3d(20vw, 104vh, 0);
    }
    to {
        transform: translate3d(51vw, -114vh, 0);
    }
}
@keyframes move-frames-23 {
    from {
        transform: translate3d(20vw, 104vh, 0);
    }
    to {
        transform: translate3d(51vw, -114vh, 0);
    }
}
.circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 152ms;
    animation-delay: 152ms;
}
.circle-container:nth-child(24) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 30266ms;
    animation-duration: 30266ms;
    -webkit-animation-delay: 18787ms;
    animation-delay: 18787ms;
}
@-webkit-keyframes move-frames-24 {
    from {
        transform: translate3d(1vw, 106vh, 0);
    }
    to {
        transform: translate3d(98vw, -129vh, 0);
    }
}
@keyframes move-frames-24 {
    from {
        transform: translate3d(1vw, 106vh, 0);
    }
    to {
        transform: translate3d(98vw, -129vh, 0);
    }
}
.circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 3855ms;
    animation-delay: 3855ms;
}
.circle-container:nth-child(25) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 28463ms;
    animation-duration: 28463ms;
    -webkit-animation-delay: 31496ms;
    animation-delay: 31496ms;
}
@-webkit-keyframes move-frames-25 {
    from {
        transform: translate3d(74vw, 104vh, 0);
    }
    to {
        transform: translate3d(9vw, -109vh, 0);
    }
}
@keyframes move-frames-25 {
    from {
        transform: translate3d(74vw, 104vh, 0);
    }
    to {
        transform: translate3d(9vw, -109vh, 0);
    }
}
.circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 2338ms;
    animation-delay: 2338ms;
}
.circle-container:nth-child(26) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 34923ms;
    animation-duration: 34923ms;
    -webkit-animation-delay: 20682ms;
    animation-delay: 20682ms;
}
@-webkit-keyframes move-frames-26 {
    from {
        transform: translate3d(88vw, 103vh, 0);
    }
    to {
        transform: translate3d(99vw, -113vh, 0);
    }
}
@keyframes move-frames-26 {
    from {
        transform: translate3d(88vw, 103vh, 0);
    }
    to {
        transform: translate3d(99vw, -113vh, 0);
    }
}
.circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 1821ms;
    animation-delay: 1821ms;
}
.circle-container:nth-child(27) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 32334ms;
    animation-duration: 32334ms;
    -webkit-animation-delay: 10024ms;
    animation-delay: 10024ms;
}
@-webkit-keyframes move-frames-27 {
    from {
        transform: translate3d(85vw, 107vh, 0);
    }
    to {
        transform: translate3d(75vw, -135vh, 0);
    }
}
@keyframes move-frames-27 {
    from {
        transform: translate3d(85vw, 107vh, 0);
    }
    to {
        transform: translate3d(75vw, -135vh, 0);
    }
}
.circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 3079ms;
    animation-delay: 3079ms;
}
.circle-container:nth-child(28) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 32181ms;
    animation-duration: 32181ms;
    -webkit-animation-delay: 34386ms;
    animation-delay: 34386ms;
}
@-webkit-keyframes move-frames-28 {
    from {
        transform: translate3d(49vw, 108vh, 0);
    }
    to {
        transform: translate3d(70vw, -136vh, 0);
    }
}
@keyframes move-frames-28 {
    from {
        transform: translate3d(49vw, 108vh, 0);
    }
    to {
        transform: translate3d(70vw, -136vh, 0);
    }
}
.circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 3062ms;
    animation-delay: 3062ms;
}
.circle-container:nth-child(29) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 28821ms;
    animation-duration: 28821ms;
    -webkit-animation-delay: 33822ms;
    animation-delay: 33822ms;
}
@-webkit-keyframes move-frames-29 {
    from {
        transform: translate3d(47vw, 101vh, 0);
    }
    to {
        transform: translate3d(23vw, -112vh, 0);
    }
}
@keyframes move-frames-29 {
    from {
        transform: translate3d(47vw, 101vh, 0);
    }
    to {
        transform: translate3d(23vw, -112vh, 0);
    }
}
.circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 216ms;
    animation-delay: 216ms;
}
.circle-container:nth-child(30) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 36980ms;
    animation-duration: 36980ms;
    -webkit-animation-delay: 20539ms;
    animation-delay: 20539ms;
}
@-webkit-keyframes move-frames-30 {
    from {
        transform: translate3d(58vw, 103vh, 0);
    }
    to {
        transform: translate3d(60vw, -104vh, 0);
    }
}
@keyframes move-frames-30 {
    from {
        transform: translate3d(58vw, 103vh, 0);
    }
    to {
        transform: translate3d(60vw, -104vh, 0);
    }
}
.circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 1452ms;
    animation-delay: 1452ms;
}
.circle-container:nth-child(31) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 31244ms;
    animation-duration: 31244ms;
    -webkit-animation-delay: 16716ms;
    animation-delay: 16716ms;
}
@-webkit-keyframes move-frames-31 {
    from {
        transform: translate3d(75vw, 104vh, 0);
    }
    to {
        transform: translate3d(55vw, -124vh, 0);
    }
}
@keyframes move-frames-31 {
    from {
        transform: translate3d(75vw, 104vh, 0);
    }
    to {
        transform: translate3d(55vw, -124vh, 0);
    }
}
.circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 1928ms;
    animation-delay: 1928ms;
}
.circle-container:nth-child(32) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 33615ms;
    animation-duration: 33615ms;
    -webkit-animation-delay: 19662ms;
    animation-delay: 19662ms;
}
@-webkit-keyframes move-frames-32 {
    from {
        transform: translate3d(31vw, 109vh, 0);
    }
    to {
        transform: translate3d(49vw, -119vh, 0);
    }
}
@keyframes move-frames-32 {
    from {
        transform: translate3d(31vw, 109vh, 0);
    }
    to {
        transform: translate3d(49vw, -119vh, 0);
    }
}
.circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 2621ms;
    animation-delay: 2621ms;
}
.circle-container:nth-child(33) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 30611ms;
    animation-duration: 30611ms;
    -webkit-animation-delay: 26087ms;
    animation-delay: 26087ms;
}
@-webkit-keyframes move-frames-33 {
    from {
        transform: translate3d(42vw, 104vh, 0);
    }
    to {
        transform: translate3d(50vw, -124vh, 0);
    }
}
@keyframes move-frames-33 {
    from {
        transform: translate3d(42vw, 104vh, 0);
    }
    to {
        transform: translate3d(50vw, -124vh, 0);
    }
}
.circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 1712ms;
    animation-delay: 1712ms;
}
.circle-container:nth-child(34) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 33528ms;
    animation-duration: 33528ms;
    -webkit-animation-delay: 10572ms;
    animation-delay: 10572ms;
}
@-webkit-keyframes move-frames-34 {
    from {
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        transform: translate3d(20vw, -111vh, 0);
    }
}
@keyframes move-frames-34 {
    from {
        transform: translate3d(92vw, 108vh, 0);
    }
    to {
        transform: translate3d(20vw, -111vh, 0);
    }
}
.circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 854ms;
    animation-delay: 854ms;
}
.circle-container:nth-child(35) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 33724ms;
    animation-duration: 33724ms;
    -webkit-animation-delay: 8091ms;
    animation-delay: 8091ms;
}
@-webkit-keyframes move-frames-35 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(80vw, -126vh, 0);
    }
}
@keyframes move-frames-35 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(80vw, -126vh, 0);
    }
}
.circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 3748ms;
    animation-delay: 3748ms;
}
.circle-container:nth-child(36) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 28368ms;
    animation-duration: 28368ms;
    -webkit-animation-delay: 10096ms;
    animation-delay: 10096ms;
}
@-webkit-keyframes move-frames-36 {
    from {
        transform: translate3d(44vw, 104vh, 0);
    }
    to {
        transform: translate3d(12vw, -107vh, 0);
    }
}
@keyframes move-frames-36 {
    from {
        transform: translate3d(44vw, 104vh, 0);
    }
    to {
        transform: translate3d(12vw, -107vh, 0);
    }
}
.circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 383ms;
    animation-delay: 383ms;
}
.circle-container:nth-child(37) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 28194ms;
    animation-duration: 28194ms;
    -webkit-animation-delay: 5668ms;
    animation-delay: 5668ms;
}
@-webkit-keyframes move-frames-37 {
    from {
        transform: translate3d(55vw, 105vh, 0);
    }
    to {
        transform: translate3d(66vw, -111vh, 0);
    }
}
@keyframes move-frames-37 {
    from {
        transform: translate3d(55vw, 105vh, 0);
    }
    to {
        transform: translate3d(66vw, -111vh, 0);
    }
}
.circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 2839ms;
    animation-delay: 2839ms;
}
.circle-container:nth-child(38) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 29927ms;
    animation-duration: 29927ms;
    -webkit-animation-delay: 24595ms;
    animation-delay: 24595ms;
}
@-webkit-keyframes move-frames-38 {
    from {
        transform: translate3d(53vw, 102vh, 0);
    }
    to {
        transform: translate3d(16vw, -119vh, 0);
    }
}
@keyframes move-frames-38 {
    from {
        transform: translate3d(53vw, 102vh, 0);
    }
    to {
        transform: translate3d(16vw, -119vh, 0);
    }
}
.circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 3797ms;
    animation-delay: 3797ms;
}
.circle-container:nth-child(39) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 34395ms;
    animation-duration: 34395ms;
    -webkit-animation-delay: 23231ms;
    animation-delay: 23231ms;
}
@-webkit-keyframes move-frames-39 {
    from {
        transform: translate3d(82vw, 108vh, 0);
    }
    to {
        transform: translate3d(36vw, -124vh, 0);
    }
}
@keyframes move-frames-39 {
    from {
        transform: translate3d(82vw, 108vh, 0);
    }
    to {
        transform: translate3d(36vw, -124vh, 0);
    }
}
.circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 3649ms;
    animation-delay: 3649ms;
}
.circle-container:nth-child(40) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 31005ms;
    animation-duration: 31005ms;
    -webkit-animation-delay: 28121ms;
    animation-delay: 28121ms;
}
@-webkit-keyframes move-frames-40 {
    from {
        transform: translate3d(1vw, 109vh, 0);
    }
    to {
        transform: translate3d(97vw, -110vh, 0);
    }
}
@keyframes move-frames-40 {
    from {
        transform: translate3d(1vw, 109vh, 0);
    }
    to {
        transform: translate3d(97vw, -110vh, 0);
    }
}
.circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 2422ms;
    animation-delay: 2422ms;
}
.circle-container:nth-child(41) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 31977ms;
    animation-duration: 31977ms;
    -webkit-animation-delay: 24515ms;
    animation-delay: 24515ms;
}
@-webkit-keyframes move-frames-41 {
    from {
        transform: translate3d(31vw, 110vh, 0);
    }
    to {
        transform: translate3d(24vw, -127vh, 0);
    }
}
@keyframes move-frames-41 {
    from {
        transform: translate3d(31vw, 110vh, 0);
    }
    to {
        transform: translate3d(24vw, -127vh, 0);
    }
}
.circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 2212ms;
    animation-delay: 2212ms;
}
.circle-container:nth-child(42) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 35040ms;
    animation-duration: 35040ms;
    -webkit-animation-delay: 10801ms;
    animation-delay: 10801ms;
}
@-webkit-keyframes move-frames-42 {
    from {
        transform: translate3d(15vw, 109vh, 0);
    }
    to {
        transform: translate3d(60vw, -127vh, 0);
    }
}
@keyframes move-frames-42 {
    from {
        transform: translate3d(15vw, 109vh, 0);
    }
    to {
        transform: translate3d(60vw, -127vh, 0);
    }
}
.circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 3707ms;
    animation-delay: 3707ms;
}
.circle-container:nth-child(43) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 29496ms;
    animation-duration: 29496ms;
    -webkit-animation-delay: 18066ms;
    animation-delay: 18066ms;
}
@-webkit-keyframes move-frames-43 {
    from {
        transform: translate3d(55vw, 101vh, 0);
    }
    to {
        transform: translate3d(99vw, -111vh, 0);
    }
}
@keyframes move-frames-43 {
    from {
        transform: translate3d(55vw, 101vh, 0);
    }
    to {
        transform: translate3d(99vw, -111vh, 0);
    }
}
.circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 901ms;
    animation-delay: 901ms;
}
.circle-container:nth-child(44) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 28826ms;
    animation-duration: 28826ms;
    -webkit-animation-delay: 26797ms;
    animation-delay: 26797ms;
}
@-webkit-keyframes move-frames-44 {
    from {
        transform: translate3d(99vw, 105vh, 0);
    }
    to {
        transform: translate3d(7vw, -128vh, 0);
    }
}
@keyframes move-frames-44 {
    from {
        transform: translate3d(99vw, 105vh, 0);
    }
    to {
        transform: translate3d(7vw, -128vh, 0);
    }
}
.circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 429ms;
    animation-delay: 429ms;
}
.circle-container:nth-child(45) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 30498ms;
    animation-duration: 30498ms;
    -webkit-animation-delay: 31948ms;
    animation-delay: 31948ms;
}
@-webkit-keyframes move-frames-45 {
    from {
        transform: translate3d(71vw, 105vh, 0);
    }
    to {
        transform: translate3d(78vw, -129vh, 0);
    }
}
@keyframes move-frames-45 {
    from {
        transform: translate3d(71vw, 105vh, 0);
    }
    to {
        transform: translate3d(78vw, -129vh, 0);
    }
}
.circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 213ms;
    animation-delay: 213ms;
}
.circle-container:nth-child(46) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 35198ms;
    animation-duration: 35198ms;
    -webkit-animation-delay: 25275ms;
    animation-delay: 25275ms;
}
@-webkit-keyframes move-frames-46 {
    from {
        transform: translate3d(67vw, 110vh, 0);
    }
    to {
        transform: translate3d(100vw, -127vh, 0);
    }
}
@keyframes move-frames-46 {
    from {
        transform: translate3d(67vw, 110vh, 0);
    }
    to {
        transform: translate3d(100vw, -127vh, 0);
    }
}
.circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 180ms;
    animation-delay: 180ms;
}
.circle-container:nth-child(47) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 31078ms;
    animation-duration: 31078ms;
    -webkit-animation-delay: 31322ms;
    animation-delay: 31322ms;
}
@-webkit-keyframes move-frames-47 {
    from {
        transform: translate3d(64vw, 102vh, 0);
    }
    to {
        transform: translate3d(87vw, -103vh, 0);
    }
}
@keyframes move-frames-47 {
    from {
        transform: translate3d(64vw, 102vh, 0);
    }
    to {
        transform: translate3d(87vw, -103vh, 0);
    }
}
.circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 2980ms;
    animation-delay: 2980ms;
}
.circle-container:nth-child(48) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 35901ms;
    animation-duration: 35901ms;
    -webkit-animation-delay: 13480ms;
    animation-delay: 13480ms;
}
@-webkit-keyframes move-frames-48 {
    from {
        transform: translate3d(29vw, 106vh, 0);
    }
    to {
        transform: translate3d(8vw, -128vh, 0);
    }
}
@keyframes move-frames-48 {
    from {
        transform: translate3d(29vw, 106vh, 0);
    }
    to {
        transform: translate3d(8vw, -128vh, 0);
    }
}
.circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 828ms;
    animation-delay: 828ms;
}
.circle-container:nth-child(49) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 36911ms;
    animation-duration: 36911ms;
    -webkit-animation-delay: 2208ms;
    animation-delay: 2208ms;
}
@-webkit-keyframes move-frames-49 {
    from {
        transform: translate3d(86vw, 106vh, 0);
    }
    to {
        transform: translate3d(88vw, -131vh, 0);
    }
}
@keyframes move-frames-49 {
    from {
        transform: translate3d(86vw, 106vh, 0);
    }
    to {
        transform: translate3d(88vw, -131vh, 0);
    }
}
.circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 365ms;
    animation-delay: 365ms;
}
.circle-container:nth-child(50) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 29032ms;
    animation-duration: 29032ms;
    -webkit-animation-delay: 25447ms;
    animation-delay: 25447ms;
}
@-webkit-keyframes move-frames-50 {
    from {
        transform: translate3d(8vw, 105vh, 0);
    }
    to {
        transform: translate3d(28vw, -108vh, 0);
    }
}
@keyframes move-frames-50 {
    from {
        transform: translate3d(8vw, 105vh, 0);
    }
    to {
        transform: translate3d(28vw, -108vh, 0);
    }
}
.circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 3570ms;
    animation-delay: 3570ms;
}
.circle-container:nth-child(51) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 33035ms;
    animation-duration: 33035ms;
    -webkit-animation-delay: 397ms;
    animation-delay: 397ms;
}
@-webkit-keyframes move-frames-51 {
    from {
        transform: translate3d(19vw, 104vh, 0);
    }
    to {
        transform: translate3d(57vw, -106vh, 0);
    }
}
@keyframes move-frames-51 {
    from {
        transform: translate3d(19vw, 104vh, 0);
    }
    to {
        transform: translate3d(57vw, -106vh, 0);
    }
}
.circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 3321ms;
    animation-delay: 3321ms;
}
.circle-container:nth-child(52) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 31497ms;
    animation-duration: 31497ms;
    -webkit-animation-delay: 9271ms;
    animation-delay: 9271ms;
}
@-webkit-keyframes move-frames-52 {
    from {
        transform: translate3d(98vw, 107vh, 0);
    }
    to {
        transform: translate3d(19vw, -133vh, 0);
    }
}
@keyframes move-frames-52 {
    from {
        transform: translate3d(98vw, 107vh, 0);
    }
    to {
        transform: translate3d(19vw, -133vh, 0);
    }
}
.circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}
.circle-container:nth-child(53) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 33594ms;
    animation-duration: 33594ms;
    -webkit-animation-delay: 31795ms;
    animation-delay: 31795ms;
}
@-webkit-keyframes move-frames-53 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(41vw, -109vh, 0);
    }
}
@keyframes move-frames-53 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(41vw, -109vh, 0);
    }
}
.circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 2973ms;
    animation-delay: 2973ms;
}
.circle-container:nth-child(54) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 35906ms;
    animation-duration: 35906ms;
    -webkit-animation-delay: 31650ms;
    animation-delay: 31650ms;
}
@-webkit-keyframes move-frames-54 {
    from {
        transform: translate3d(29vw, 105vh, 0);
    }
    to {
        transform: translate3d(38vw, -127vh, 0);
    }
}
@keyframes move-frames-54 {
    from {
        transform: translate3d(29vw, 105vh, 0);
    }
    to {
        transform: translate3d(38vw, -127vh, 0);
    }
}
.circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 3747ms;
    animation-delay: 3747ms;
}
.circle-container:nth-child(55) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 32838ms;
    animation-duration: 32838ms;
    -webkit-animation-delay: 26524ms;
    animation-delay: 26524ms;
}
@-webkit-keyframes move-frames-55 {
    from {
        transform: translate3d(84vw, 107vh, 0);
    }
    to {
        transform: translate3d(60vw, -109vh, 0);
    }
}
@keyframes move-frames-55 {
    from {
        transform: translate3d(84vw, 107vh, 0);
    }
    to {
        transform: translate3d(60vw, -109vh, 0);
    }
}
.circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 1042ms;
    animation-delay: 1042ms;
}
.circle-container:nth-child(56) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 31782ms;
    animation-duration: 31782ms;
    -webkit-animation-delay: 12762ms;
    animation-delay: 12762ms;
}
@-webkit-keyframes move-frames-56 {
    from {
        transform: translate3d(77vw, 101vh, 0);
    }
    to {
        transform: translate3d(15vw, -128vh, 0);
    }
}
@keyframes move-frames-56 {
    from {
        transform: translate3d(77vw, 101vh, 0);
    }
    to {
        transform: translate3d(15vw, -128vh, 0);
    }
}
.circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 623ms;
    animation-delay: 623ms;
}
.circle-container:nth-child(57) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 31524ms;
    animation-duration: 31524ms;
    -webkit-animation-delay: 30370ms;
    animation-delay: 30370ms;
}
@-webkit-keyframes move-frames-57 {
    from {
        transform: translate3d(83vw, 108vh, 0);
    }
    to {
        transform: translate3d(98vw, -126vh, 0);
    }
}
@keyframes move-frames-57 {
    from {
        transform: translate3d(83vw, 108vh, 0);
    }
    to {
        transform: translate3d(98vw, -126vh, 0);
    }
}
.circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 149ms;
    animation-delay: 149ms;
}
.circle-container:nth-child(58) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 30384ms;
    animation-duration: 30384ms;
    -webkit-animation-delay: 29260ms;
    animation-delay: 29260ms;
}
@-webkit-keyframes move-frames-58 {
    from {
        transform: translate3d(69vw, 108vh, 0);
    }
    to {
        transform: translate3d(69vw, -127vh, 0);
    }
}
@keyframes move-frames-58 {
    from {
        transform: translate3d(69vw, 108vh, 0);
    }
    to {
        transform: translate3d(69vw, -127vh, 0);
    }
}
.circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 2152ms;
    animation-delay: 2152ms;
}
.circle-container:nth-child(59) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 34604ms;
    animation-duration: 34604ms;
    -webkit-animation-delay: 10712ms;
    animation-delay: 10712ms;
}
@-webkit-keyframes move-frames-59 {
    from {
        transform: translate3d(36vw, 110vh, 0);
    }
    to {
        transform: translate3d(6vw, -134vh, 0);
    }
}
@keyframes move-frames-59 {
    from {
        transform: translate3d(36vw, 110vh, 0);
    }
    to {
        transform: translate3d(6vw, -134vh, 0);
    }
}
.circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 790ms;
    animation-delay: 790ms;
}
.circle-container:nth-child(60) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 36663ms;
    animation-duration: 36663ms;
    -webkit-animation-delay: 20482ms;
    animation-delay: 20482ms;
}
@-webkit-keyframes move-frames-60 {
    from {
        transform: translate3d(71vw, 102vh, 0);
    }
    to {
        transform: translate3d(58vw, -129vh, 0);
    }
}
@keyframes move-frames-60 {
    from {
        transform: translate3d(71vw, 102vh, 0);
    }
    to {
        transform: translate3d(58vw, -129vh, 0);
    }
}
.circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 3608ms;
    animation-delay: 3608ms;
}
.circle-container:nth-child(61) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 32203ms;
    animation-duration: 32203ms;
    -webkit-animation-delay: 5743ms;
    animation-delay: 5743ms;
}
@-webkit-keyframes move-frames-61 {
    from {
        transform: translate3d(39vw, 104vh, 0);
    }
    to {
        transform: translate3d(57vw, -127vh, 0);
    }
}
@keyframes move-frames-61 {
    from {
        transform: translate3d(39vw, 104vh, 0);
    }
    to {
        transform: translate3d(57vw, -127vh, 0);
    }
}
.circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 1639ms;
    animation-delay: 1639ms;
}
.circle-container:nth-child(62) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 36014ms;
    animation-duration: 36014ms;
    -webkit-animation-delay: 13647ms;
    animation-delay: 13647ms;
}
@-webkit-keyframes move-frames-62 {
    from {
        transform: translate3d(100vw, 110vh, 0);
    }
    to {
        transform: translate3d(27vw, -140vh, 0);
    }
}
@keyframes move-frames-62 {
    from {
        transform: translate3d(100vw, 110vh, 0);
    }
    to {
        transform: translate3d(27vw, -140vh, 0);
    }
}
.circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 1986ms;
    animation-delay: 1986ms;
}
.circle-container:nth-child(63) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 35236ms;
    animation-duration: 35236ms;
    -webkit-animation-delay: 15890ms;
    animation-delay: 15890ms;
}
@-webkit-keyframes move-frames-63 {
    from {
        transform: translate3d(73vw, 104vh, 0);
    }
    to {
        transform: translate3d(93vw, -116vh, 0);
    }
}
@keyframes move-frames-63 {
    from {
        transform: translate3d(73vw, 104vh, 0);
    }
    to {
        transform: translate3d(93vw, -116vh, 0);
    }
}
.circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 19ms;
    animation-delay: 19ms;
}
.circle-container:nth-child(64) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 32165ms;
    animation-duration: 32165ms;
    -webkit-animation-delay: 36636ms;
    animation-delay: 36636ms;
}
@-webkit-keyframes move-frames-64 {
    from {
        transform: translate3d(58vw, 104vh, 0);
    }
    to {
        transform: translate3d(45vw, -133vh, 0);
    }
}
@keyframes move-frames-64 {
    from {
        transform: translate3d(58vw, 104vh, 0);
    }
    to {
        transform: translate3d(45vw, -133vh, 0);
    }
}
.circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 402ms;
    animation-delay: 402ms;
}
.circle-container:nth-child(65) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 29907ms;
    animation-duration: 29907ms;
    -webkit-animation-delay: 34250ms;
    animation-delay: 34250ms;
}
@-webkit-keyframes move-frames-65 {
    from {
        transform: translate3d(25vw, 106vh, 0);
    }
    to {
        transform: translate3d(37vw, -125vh, 0);
    }
}
@keyframes move-frames-65 {
    from {
        transform: translate3d(25vw, 106vh, 0);
    }
    to {
        transform: translate3d(37vw, -125vh, 0);
    }
}
.circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 3691ms;
    animation-delay: 3691ms;
}
.circle-container:nth-child(66) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 29669ms;
    animation-duration: 29669ms;
    -webkit-animation-delay: 31014ms;
    animation-delay: 31014ms;
}
@-webkit-keyframes move-frames-66 {
    from {
        transform: translate3d(99vw, 108vh, 0);
    }
    to {
        transform: translate3d(19vw, -124vh, 0);
    }
}
@keyframes move-frames-66 {
    from {
        transform: translate3d(99vw, 108vh, 0);
    }
    to {
        transform: translate3d(19vw, -124vh, 0);
    }
}
.circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 985ms;
    animation-delay: 985ms;
}
.circle-container:nth-child(67) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 32014ms;
    animation-duration: 32014ms;
    -webkit-animation-delay: 35794ms;
    animation-delay: 35794ms;
}
@-webkit-keyframes move-frames-67 {
    from {
        transform: translate3d(75vw, 109vh, 0);
    }
    to {
        transform: translate3d(23vw, -134vh, 0);
    }
}
@keyframes move-frames-67 {
    from {
        transform: translate3d(75vw, 109vh, 0);
    }
    to {
        transform: translate3d(23vw, -134vh, 0);
    }
}
.circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 2095ms;
    animation-delay: 2095ms;
}
.circle-container:nth-child(68) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 29383ms;
    animation-duration: 29383ms;
    -webkit-animation-delay: 28511ms;
    animation-delay: 28511ms;
}
@-webkit-keyframes move-frames-68 {
    from {
        transform: translate3d(42vw, 101vh, 0);
    }
    to {
        transform: translate3d(50vw, -106vh, 0);
    }
}
@keyframes move-frames-68 {
    from {
        transform: translate3d(42vw, 101vh, 0);
    }
    to {
        transform: translate3d(50vw, -106vh, 0);
    }
}
.circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 1093ms;
    animation-delay: 1093ms;
}
.circle-container:nth-child(69) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 36979ms;
    animation-duration: 36979ms;
    -webkit-animation-delay: 26258ms;
    animation-delay: 26258ms;
}
@-webkit-keyframes move-frames-69 {
    from {
        transform: translate3d(25vw, 108vh, 0);
    }
    to {
        transform: translate3d(83vw, -137vh, 0);
    }
}
@keyframes move-frames-69 {
    from {
        transform: translate3d(25vw, 108vh, 0);
    }
    to {
        transform: translate3d(83vw, -137vh, 0);
    }
}
.circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 1943ms;
    animation-delay: 1943ms;
}
.circle-container:nth-child(70) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 28675ms;
    animation-duration: 28675ms;
    -webkit-animation-delay: 15341ms;
    animation-delay: 15341ms;
}
@-webkit-keyframes move-frames-70 {
    from {
        transform: translate3d(51vw, 110vh, 0);
    }
    to {
        transform: translate3d(92vw, -121vh, 0);
    }
}
@keyframes move-frames-70 {
    from {
        transform: translate3d(51vw, 110vh, 0);
    }
    to {
        transform: translate3d(92vw, -121vh, 0);
    }
}
.circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 2246ms;
    animation-delay: 2246ms;
}
.circle-container:nth-child(71) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 30781ms;
    animation-duration: 30781ms;
    -webkit-animation-delay: 29048ms;
    animation-delay: 29048ms;
}
@-webkit-keyframes move-frames-71 {
    from {
        transform: translate3d(10vw, 103vh, 0);
    }
    to {
        transform: translate3d(32vw, -111vh, 0);
    }
}
@keyframes move-frames-71 {
    from {
        transform: translate3d(10vw, 103vh, 0);
    }
    to {
        transform: translate3d(32vw, -111vh, 0);
    }
}
.circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 3586ms;
    animation-delay: 3586ms;
}
.circle-container:nth-child(72) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 31798ms;
    animation-duration: 31798ms;
    -webkit-animation-delay: 3123ms;
    animation-delay: 3123ms;
}
@-webkit-keyframes move-frames-72 {
    from {
        transform: translate3d(97vw, 109vh, 0);
    }
    to {
        transform: translate3d(31vw, -122vh, 0);
    }
}
@keyframes move-frames-72 {
    from {
        transform: translate3d(97vw, 109vh, 0);
    }
    to {
        transform: translate3d(31vw, -122vh, 0);
    }
}
.circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 301ms;
    animation-delay: 301ms;
}
.circle-container:nth-child(73) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 32319ms;
    animation-duration: 32319ms;
    -webkit-animation-delay: 24152ms;
    animation-delay: 24152ms;
}
@-webkit-keyframes move-frames-73 {
    from {
        transform: translate3d(72vw, 102vh, 0);
    }
    to {
        transform: translate3d(30vw, -110vh, 0);
    }
}
@keyframes move-frames-73 {
    from {
        transform: translate3d(72vw, 102vh, 0);
    }
    to {
        transform: translate3d(30vw, -110vh, 0);
    }
}
.circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 3259ms;
    animation-delay: 3259ms;
}
.circle-container:nth-child(74) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 32413ms;
    animation-duration: 32413ms;
    -webkit-animation-delay: 33074ms;
    animation-delay: 33074ms;
}
@-webkit-keyframes move-frames-74 {
    from {
        transform: translate3d(60vw, 105vh, 0);
    }
    to {
        transform: translate3d(68vw, -120vh, 0);
    }
}
@keyframes move-frames-74 {
    from {
        transform: translate3d(60vw, 105vh, 0);
    }
    to {
        transform: translate3d(68vw, -120vh, 0);
    }
}
.circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 2567ms;
    animation-delay: 2567ms;
}
.circle-container:nth-child(75) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 33374ms;
    animation-duration: 33374ms;
    -webkit-animation-delay: 19698ms;
    animation-delay: 19698ms;
}
@-webkit-keyframes move-frames-75 {
    from {
        transform: translate3d(91vw, 101vh, 0);
    }
    to {
        transform: translate3d(76vw, -105vh, 0);
    }
}
@keyframes move-frames-75 {
    from {
        transform: translate3d(91vw, 101vh, 0);
    }
    to {
        transform: translate3d(76vw, -105vh, 0);
    }
}
.circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 1876ms;
    animation-delay: 1876ms;
}
.circle-container:nth-child(76) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 33216ms;
    animation-duration: 33216ms;
    -webkit-animation-delay: 28616ms;
    animation-delay: 28616ms;
}
@-webkit-keyframes move-frames-76 {
    from {
        transform: translate3d(52vw, 102vh, 0);
    }
    to {
        transform: translate3d(23vw, -108vh, 0);
    }
}
@keyframes move-frames-76 {
    from {
        transform: translate3d(52vw, 102vh, 0);
    }
    to {
        transform: translate3d(23vw, -108vh, 0);
    }
}
.circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 834ms;
    animation-delay: 834ms;
}
.circle-container:nth-child(77) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 33326ms;
    animation-duration: 33326ms;
    -webkit-animation-delay: 36070ms;
    animation-delay: 36070ms;
}
@-webkit-keyframes move-frames-77 {
    from {
        transform: translate3d(3vw, 109vh, 0);
    }
    to {
        transform: translate3d(65vw, -136vh, 0);
    }
}
@keyframes move-frames-77 {
    from {
        transform: translate3d(3vw, 109vh, 0);
    }
    to {
        transform: translate3d(65vw, -136vh, 0);
    }
}
.circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 296ms;
    animation-delay: 296ms;
}
.circle-container:nth-child(78) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 30220ms;
    animation-duration: 30220ms;
    -webkit-animation-delay: 15490ms;
    animation-delay: 15490ms;
}
@-webkit-keyframes move-frames-78 {
    from {
        transform: translate3d(90vw, 102vh, 0);
    }
    to {
        transform: translate3d(43vw, -107vh, 0);
    }
}
@keyframes move-frames-78 {
    from {
        transform: translate3d(90vw, 102vh, 0);
    }
    to {
        transform: translate3d(43vw, -107vh, 0);
    }
}
.circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 2976ms;
    animation-delay: 2976ms;
}
.circle-container:nth-child(79) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 29242ms;
    animation-duration: 29242ms;
    -webkit-animation-delay: 35918ms;
    animation-delay: 35918ms;
}
@-webkit-keyframes move-frames-79 {
    from {
        transform: translate3d(30vw, 108vh, 0);
    }
    to {
        transform: translate3d(22vw, -121vh, 0);
    }
}
@keyframes move-frames-79 {
    from {
        transform: translate3d(30vw, 108vh, 0);
    }
    to {
        transform: translate3d(22vw, -121vh, 0);
    }
}
.circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 1044ms;
    animation-delay: 1044ms;
}
.circle-container:nth-child(80) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 30702ms;
    animation-duration: 30702ms;
    -webkit-animation-delay: 30323ms;
    animation-delay: 30323ms;
}
@-webkit-keyframes move-frames-80 {
    from {
        transform: translate3d(6vw, 110vh, 0);
    }
    to {
        transform: translate3d(19vw, -118vh, 0);
    }
}
@keyframes move-frames-80 {
    from {
        transform: translate3d(6vw, 110vh, 0);
    }
    to {
        transform: translate3d(19vw, -118vh, 0);
    }
}
.circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 1572ms;
    animation-delay: 1572ms;
}
.circle-container:nth-child(81) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 35821ms;
    animation-duration: 35821ms;
    -webkit-animation-delay: 13114ms;
    animation-delay: 13114ms;
}
@-webkit-keyframes move-frames-81 {
    from {
        transform: translate3d(34vw, 102vh, 0);
    }
    to {
        transform: translate3d(56vw, -114vh, 0);
    }
}
@keyframes move-frames-81 {
    from {
        transform: translate3d(34vw, 102vh, 0);
    }
    to {
        transform: translate3d(56vw, -114vh, 0);
    }
}
.circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 1358ms;
    animation-delay: 1358ms;
}
.circle-container:nth-child(82) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 28208ms;
    animation-duration: 28208ms;
    -webkit-animation-delay: 6795ms;
    animation-delay: 6795ms;
}
@-webkit-keyframes move-frames-82 {
    from {
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        transform: translate3d(76vw, -112vh, 0);
    }
}
@keyframes move-frames-82 {
    from {
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        transform: translate3d(76vw, -112vh, 0);
    }
}
.circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 1772ms;
    animation-delay: 1772ms;
}
.circle-container:nth-child(83) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 35694ms;
    animation-duration: 35694ms;
    -webkit-animation-delay: 15323ms;
    animation-delay: 15323ms;
}
@-webkit-keyframes move-frames-83 {
    from {
        transform: translate3d(96vw, 105vh, 0);
    }
    to {
        transform: translate3d(79vw, -126vh, 0);
    }
}
@keyframes move-frames-83 {
    from {
        transform: translate3d(96vw, 105vh, 0);
    }
    to {
        transform: translate3d(79vw, -126vh, 0);
    }
}
.circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 2970ms;
    animation-delay: 2970ms;
}
.circle-container:nth-child(84) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 30030ms;
    animation-duration: 30030ms;
    -webkit-animation-delay: 7728ms;
    animation-delay: 7728ms;
}
@-webkit-keyframes move-frames-84 {
    from {
        transform: translate3d(80vw, 102vh, 0);
    }
    to {
        transform: translate3d(82vw, -108vh, 0);
    }
}
@keyframes move-frames-84 {
    from {
        transform: translate3d(80vw, 102vh, 0);
    }
    to {
        transform: translate3d(82vw, -108vh, 0);
    }
}
.circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 1615ms;
    animation-delay: 1615ms;
}
.circle-container:nth-child(85) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 33046ms;
    animation-duration: 33046ms;
    -webkit-animation-delay: 15804ms;
    animation-delay: 15804ms;
}
@-webkit-keyframes move-frames-85 {
    from {
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        transform: translate3d(98vw, -126vh, 0);
    }
}
@keyframes move-frames-85 {
    from {
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        transform: translate3d(98vw, -126vh, 0);
    }
}
.circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 3948ms;
    animation-delay: 3948ms;
}
.circle-container:nth-child(86) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 32538ms;
    animation-duration: 32538ms;
    -webkit-animation-delay: 20199ms;
    animation-delay: 20199ms;
}
@-webkit-keyframes move-frames-86 {
    from {
        transform: translate3d(27vw, 103vh, 0);
    }
    to {
        transform: translate3d(1vw, -109vh, 0);
    }
}
@keyframes move-frames-86 {
    from {
        transform: translate3d(27vw, 103vh, 0);
    }
    to {
        transform: translate3d(1vw, -109vh, 0);
    }
}
.circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 3352ms;
    animation-delay: 3352ms;
}
.circle-container:nth-child(87) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 36145ms;
    animation-duration: 36145ms;
    -webkit-animation-delay: 27505ms;
    animation-delay: 27505ms;
}
@-webkit-keyframes move-frames-87 {
    from {
        transform: translate3d(97vw, 109vh, 0);
    }
    to {
        transform: translate3d(76vw, -137vh, 0);
    }
}
@keyframes move-frames-87 {
    from {
        transform: translate3d(97vw, 109vh, 0);
    }
    to {
        transform: translate3d(76vw, -137vh, 0);
    }
}
.circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 3597ms;
    animation-delay: 3597ms;
}
.circle-container:nth-child(88) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 33016ms;
    animation-duration: 33016ms;
    -webkit-animation-delay: 24761ms;
    animation-delay: 24761ms;
}
@-webkit-keyframes move-frames-88 {
    from {
        transform: translate3d(28vw, 103vh, 0);
    }
    to {
        transform: translate3d(63vw, -116vh, 0);
    }
}
@keyframes move-frames-88 {
    from {
        transform: translate3d(28vw, 103vh, 0);
    }
    to {
        transform: translate3d(63vw, -116vh, 0);
    }
}
.circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 1850ms;
    animation-delay: 1850ms;
}
.circle-container:nth-child(89) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 30646ms;
    animation-duration: 30646ms;
    -webkit-animation-delay: 9139ms;
    animation-delay: 9139ms;
}
@-webkit-keyframes move-frames-89 {
    from {
        transform: translate3d(94vw, 105vh, 0);
    }
    to {
        transform: translate3d(75vw, -113vh, 0);
    }
}
@keyframes move-frames-89 {
    from {
        transform: translate3d(94vw, 105vh, 0);
    }
    to {
        transform: translate3d(75vw, -113vh, 0);
    }
}
.circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 3149ms;
    animation-delay: 3149ms;
}
.circle-container:nth-child(90) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 28017ms;
    animation-duration: 28017ms;
    -webkit-animation-delay: 33303ms;
    animation-delay: 33303ms;
}
@-webkit-keyframes move-frames-90 {
    from {
        transform: translate3d(53vw, 109vh, 0);
    }
    to {
        transform: translate3d(39vw, -125vh, 0);
    }
}
@keyframes move-frames-90 {
    from {
        transform: translate3d(53vw, 109vh, 0);
    }
    to {
        transform: translate3d(39vw, -125vh, 0);
    }
}
.circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 3544ms;
    animation-delay: 3544ms;
}
.circle-container:nth-child(91) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 31729ms;
    animation-duration: 31729ms;
    -webkit-animation-delay: 11356ms;
    animation-delay: 11356ms;
}
@-webkit-keyframes move-frames-91 {
    from {
        transform: translate3d(56vw, 102vh, 0);
    }
    to {
        transform: translate3d(28vw, -117vh, 0);
    }
}
@keyframes move-frames-91 {
    from {
        transform: translate3d(56vw, 102vh, 0);
    }
    to {
        transform: translate3d(28vw, -117vh, 0);
    }
}
.circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 1027ms;
    animation-delay: 1027ms;
}
.circle-container:nth-child(92) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 30819ms;
    animation-duration: 30819ms;
    -webkit-animation-delay: 30774ms;
    animation-delay: 30774ms;
}
@-webkit-keyframes move-frames-92 {
    from {
        transform: translate3d(40vw, 101vh, 0);
    }
    to {
        transform: translate3d(96vw, -123vh, 0);
    }
}
@keyframes move-frames-92 {
    from {
        transform: translate3d(40vw, 101vh, 0);
    }
    to {
        transform: translate3d(96vw, -123vh, 0);
    }
}
.circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 1823ms;
    animation-delay: 1823ms;
}
.circle-container:nth-child(93) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 36141ms;
    animation-duration: 36141ms;
    -webkit-animation-delay: 29900ms;
    animation-delay: 29900ms;
}
@-webkit-keyframes move-frames-93 {
    from {
        transform: translate3d(46vw, 103vh, 0);
    }
    to {
        transform: translate3d(26vw, -119vh, 0);
    }
}
@keyframes move-frames-93 {
    from {
        transform: translate3d(46vw, 103vh, 0);
    }
    to {
        transform: translate3d(26vw, -119vh, 0);
    }
}
.circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 3143ms;
    animation-delay: 3143ms;
}
.circle-container:nth-child(94) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 30576ms;
    animation-duration: 30576ms;
    -webkit-animation-delay: 7287ms;
    animation-delay: 7287ms;
}
@-webkit-keyframes move-frames-94 {
    from {
        transform: translate3d(76vw, 110vh, 0);
    }
    to {
        transform: translate3d(77vw, -129vh, 0);
    }
}
@keyframes move-frames-94 {
    from {
        transform: translate3d(76vw, 110vh, 0);
    }
    to {
        transform: translate3d(77vw, -129vh, 0);
    }
}
.circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 3504ms;
    animation-delay: 3504ms;
}
.circle-container:nth-child(95) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 32869ms;
    animation-duration: 32869ms;
    -webkit-animation-delay: 25238ms;
    animation-delay: 25238ms;
}
@-webkit-keyframes move-frames-95 {
    from {
        transform: translate3d(83vw, 102vh, 0);
    }
    to {
        transform: translate3d(100vw, -131vh, 0);
    }
}
@keyframes move-frames-95 {
    from {
        transform: translate3d(83vw, 102vh, 0);
    }
    to {
        transform: translate3d(100vw, -131vh, 0);
    }
}
.circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 2739ms;
    animation-delay: 2739ms;
}
.circle-container:nth-child(96) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 32656ms;
    animation-duration: 32656ms;
    -webkit-animation-delay: 30619ms;
    animation-delay: 30619ms;
}
@-webkit-keyframes move-frames-96 {
    from {
        transform: translate3d(21vw, 106vh, 0);
    }
    to {
        transform: translate3d(58vw, -134vh, 0);
    }
}
@keyframes move-frames-96 {
    from {
        transform: translate3d(21vw, 106vh, 0);
    }
    to {
        transform: translate3d(58vw, -134vh, 0);
    }
}
.circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 1272ms;
    animation-delay: 1272ms;
}
.circle-container:nth-child(97) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 36135ms;
    animation-duration: 36135ms;
    -webkit-animation-delay: 36984ms;
    animation-delay: 36984ms;
}
@-webkit-keyframes move-frames-97 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(69vw, -137vh, 0);
    }
}
@keyframes move-frames-97 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(69vw, -137vh, 0);
    }
}
.circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 409ms;
    animation-delay: 409ms;
}
.circle-container:nth-child(98) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 31641ms;
    animation-duration: 31641ms;
    -webkit-animation-delay: 27359ms;
    animation-delay: 27359ms;
}
@-webkit-keyframes move-frames-98 {
    from {
        transform: translate3d(64vw, 103vh, 0);
    }
    to {
        transform: translate3d(18vw, -112vh, 0);
    }
}
@keyframes move-frames-98 {
    from {
        transform: translate3d(64vw, 103vh, 0);
    }
    to {
        transform: translate3d(18vw, -112vh, 0);
    }
}
.circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 2915ms;
    animation-delay: 2915ms;
}
.circle-container:nth-child(99) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 33532ms;
    animation-duration: 33532ms;
    -webkit-animation-delay: 1201ms;
    animation-delay: 1201ms;
}
@-webkit-keyframes move-frames-99 {
    from {
        transform: translate3d(74vw, 102vh, 0);
    }
    to {
        transform: translate3d(90vw, -111vh, 0);
    }
}
@keyframes move-frames-99 {
    from {
        transform: translate3d(74vw, 102vh, 0);
    }
    to {
        transform: translate3d(90vw, -111vh, 0);
    }
}
.circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 788ms;
    animation-delay: 788ms;
}
.circle-container:nth-child(100) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 36677ms;
    animation-duration: 36677ms;
    -webkit-animation-delay: 31677ms;
    animation-delay: 31677ms;
}
@-webkit-keyframes move-frames-100 {
    from {
        transform: translate3d(39vw, 110vh, 0);
    }
    to {
        transform: translate3d(16vw, -138vh, 0);
    }
}
@keyframes move-frames-100 {
    from {
        transform: translate3d(39vw, 110vh, 0);
    }
    to {
        transform: translate3d(16vw, -138vh, 0);
    }
}
.circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 803ms;
    animation-delay: 803ms;
}
.circle-container:nth-child(101) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 32515ms;
    animation-duration: 32515ms;
    -webkit-animation-delay: 35036ms;
    animation-delay: 35036ms;
}
@-webkit-keyframes move-frames-101 {
    from {
        transform: translate3d(1vw, 104vh, 0);
    }
    to {
        transform: translate3d(95vw, -109vh, 0);
    }
}
@keyframes move-frames-101 {
    from {
        transform: translate3d(1vw, 104vh, 0);
    }
    to {
        transform: translate3d(95vw, -109vh, 0);
    }
}
.circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 890ms;
    animation-delay: 890ms;
}
.circle-container:nth-child(102) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 28150ms;
    animation-duration: 28150ms;
    -webkit-animation-delay: 29845ms;
    animation-delay: 29845ms;
}
@-webkit-keyframes move-frames-102 {
    from {
        transform: translate3d(34vw, 109vh, 0);
    }
    to {
        transform: translate3d(15vw, -120vh, 0);
    }
}
@keyframes move-frames-102 {
    from {
        transform: translate3d(34vw, 109vh, 0);
    }
    to {
        transform: translate3d(15vw, -120vh, 0);
    }
}
.circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 2110ms;
    animation-delay: 2110ms;
}
.circle-container:nth-child(103) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 29788ms;
    animation-duration: 29788ms;
    -webkit-animation-delay: 7054ms;
    animation-delay: 7054ms;
}
@-webkit-keyframes move-frames-103 {
    from {
        transform: translate3d(27vw, 110vh, 0);
    }
    to {
        transform: translate3d(26vw, -121vh, 0);
    }
}
@keyframes move-frames-103 {
    from {
        transform: translate3d(27vw, 110vh, 0);
    }
    to {
        transform: translate3d(26vw, -121vh, 0);
    }
}
.circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 3734ms;
    animation-delay: 3734ms;
}
.circle-container:nth-child(104) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 33728ms;
    animation-duration: 33728ms;
    -webkit-animation-delay: 1448ms;
    animation-delay: 1448ms;
}
@-webkit-keyframes move-frames-104 {
    from {
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        transform: translate3d(54vw, -128vh, 0);
    }
}
@keyframes move-frames-104 {
    from {
        transform: translate3d(36vw, 109vh, 0);
    }
    to {
        transform: translate3d(54vw, -128vh, 0);
    }
}
.circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 3452ms;
    animation-delay: 3452ms;
}
.circle-container:nth-child(105) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 31549ms;
    animation-duration: 31549ms;
    -webkit-animation-delay: 4668ms;
    animation-delay: 4668ms;
}
@-webkit-keyframes move-frames-105 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(72vw, -117vh, 0);
    }
}
@keyframes move-frames-105 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(72vw, -117vh, 0);
    }
}
.circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 3684ms;
    animation-delay: 3684ms;
}
.circle-container:nth-child(106) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 30325ms;
    animation-duration: 30325ms;
    -webkit-animation-delay: 6958ms;
    animation-delay: 6958ms;
}
@-webkit-keyframes move-frames-106 {
    from {
        transform: translate3d(96vw, 101vh, 0);
    }
    to {
        transform: translate3d(62vw, -123vh, 0);
    }
}
@keyframes move-frames-106 {
    from {
        transform: translate3d(96vw, 101vh, 0);
    }
    to {
        transform: translate3d(62vw, -123vh, 0);
    }
}
.circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 2357ms;
    animation-delay: 2357ms;
}
.circle-container:nth-child(107) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 29099ms;
    animation-duration: 29099ms;
    -webkit-animation-delay: 2543ms;
    animation-delay: 2543ms;
}
@-webkit-keyframes move-frames-107 {
    from {
        transform: translate3d(91vw, 104vh, 0);
    }
    to {
        transform: translate3d(41vw, -117vh, 0);
    }
}
@keyframes move-frames-107 {
    from {
        transform: translate3d(91vw, 104vh, 0);
    }
    to {
        transform: translate3d(41vw, -117vh, 0);
    }
}
.circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 787ms;
    animation-delay: 787ms;
}
.circle-container:nth-child(108) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 36466ms;
    animation-duration: 36466ms;
    -webkit-animation-delay: 4974ms;
    animation-delay: 4974ms;
}
@-webkit-keyframes move-frames-108 {
    from {
        transform: translate3d(92vw, 102vh, 0);
    }
    to {
        transform: translate3d(71vw, -131vh, 0);
    }
}
@keyframes move-frames-108 {
    from {
        transform: translate3d(92vw, 102vh, 0);
    }
    to {
        transform: translate3d(71vw, -131vh, 0);
    }
}
.circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 3846ms;
    animation-delay: 3846ms;
}
.circle-container:nth-child(109) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 29760ms;
    animation-duration: 29760ms;
    -webkit-animation-delay: 1374ms;
    animation-delay: 1374ms;
}
@-webkit-keyframes move-frames-109 {
    from {
        transform: translate3d(74vw, 107vh, 0);
    }
    to {
        transform: translate3d(96vw, -128vh, 0);
    }
}
@keyframes move-frames-109 {
    from {
        transform: translate3d(74vw, 107vh, 0);
    }
    to {
        transform: translate3d(96vw, -128vh, 0);
    }
}
.circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 1120ms;
    animation-delay: 1120ms;
}
.circle-container:nth-child(110) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 32433ms;
    animation-duration: 32433ms;
    -webkit-animation-delay: 10314ms;
    animation-delay: 10314ms;
}
@-webkit-keyframes move-frames-110 {
    from {
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        transform: translate3d(10vw, -124vh, 0);
    }
}
@keyframes move-frames-110 {
    from {
        transform: translate3d(7vw, 103vh, 0);
    }
    to {
        transform: translate3d(10vw, -124vh, 0);
    }
}
.circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 3531ms;
    animation-delay: 3531ms;
}
.circle-container:nth-child(111) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 34559ms;
    animation-duration: 34559ms;
    -webkit-animation-delay: 2942ms;
    animation-delay: 2942ms;
}
@-webkit-keyframes move-frames-111 {
    from {
        transform: translate3d(48vw, 104vh, 0);
    }
    to {
        transform: translate3d(93vw, -115vh, 0);
    }
}
@keyframes move-frames-111 {
    from {
        transform: translate3d(48vw, 104vh, 0);
    }
    to {
        transform: translate3d(93vw, -115vh, 0);
    }
}
.circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 2447ms;
    animation-delay: 2447ms;
}
.circle-container:nth-child(112) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 28514ms;
    animation-duration: 28514ms;
    -webkit-animation-delay: 18325ms;
    animation-delay: 18325ms;
}
@-webkit-keyframes move-frames-112 {
    from {
        transform: translate3d(83vw, 106vh, 0);
    }
    to {
        transform: translate3d(5vw, -123vh, 0);
    }
}
@keyframes move-frames-112 {
    from {
        transform: translate3d(83vw, 106vh, 0);
    }
    to {
        transform: translate3d(5vw, -123vh, 0);
    }
}
.circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 2182ms;
    animation-delay: 2182ms;
}
.circle-container:nth-child(113) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 28038ms;
    animation-duration: 28038ms;
    -webkit-animation-delay: 13811ms;
    animation-delay: 13811ms;
}
@-webkit-keyframes move-frames-113 {
    from {
        transform: translate3d(5vw, 105vh, 0);
    }
    to {
        transform: translate3d(69vw, -119vh, 0);
    }
}
@keyframes move-frames-113 {
    from {
        transform: translate3d(5vw, 105vh, 0);
    }
    to {
        transform: translate3d(69vw, -119vh, 0);
    }
}
.circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 3817ms;
    animation-delay: 3817ms;
}
.circle-container:nth-child(114) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 36218ms;
    animation-duration: 36218ms;
    -webkit-animation-delay: 4143ms;
    animation-delay: 4143ms;
}
@-webkit-keyframes move-frames-114 {
    from {
        transform: translate3d(6vw, 101vh, 0);
    }
    to {
        transform: translate3d(62vw, -103vh, 0);
    }
}
@keyframes move-frames-114 {
    from {
        transform: translate3d(6vw, 101vh, 0);
    }
    to {
        transform: translate3d(62vw, -103vh, 0);
    }
}
.circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 1240ms;
    animation-delay: 1240ms;
}
.circle-container:nth-child(115) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 36210ms;
    animation-duration: 36210ms;
    -webkit-animation-delay: 30858ms;
    animation-delay: 30858ms;
}
@-webkit-keyframes move-frames-115 {
    from {
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        transform: translate3d(69vw, -110vh, 0);
    }
}
@keyframes move-frames-115 {
    from {
        transform: translate3d(8vw, 102vh, 0);
    }
    to {
        transform: translate3d(69vw, -110vh, 0);
    }
}
.circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 2018ms;
    animation-delay: 2018ms;
}
.circle-container:nth-child(116) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 36660ms;
    animation-duration: 36660ms;
    -webkit-animation-delay: 10225ms;
    animation-delay: 10225ms;
}
@-webkit-keyframes move-frames-116 {
    from {
        transform: translate3d(3vw, 101vh, 0);
    }
    to {
        transform: translate3d(24vw, -117vh, 0);
    }
}
@keyframes move-frames-116 {
    from {
        transform: translate3d(3vw, 101vh, 0);
    }
    to {
        transform: translate3d(24vw, -117vh, 0);
    }
}
.circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 452ms;
    animation-delay: 452ms;
}
.circle-container:nth-child(117) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 28455ms;
    animation-duration: 28455ms;
    -webkit-animation-delay: 15260ms;
    animation-delay: 15260ms;
}
@-webkit-keyframes move-frames-117 {
    from {
        transform: translate3d(47vw, 102vh, 0);
    }
    to {
        transform: translate3d(35vw, -120vh, 0);
    }
}
@keyframes move-frames-117 {
    from {
        transform: translate3d(47vw, 102vh, 0);
    }
    to {
        transform: translate3d(35vw, -120vh, 0);
    }
}
.circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 3693ms;
    animation-delay: 3693ms;
}
.circle-container:nth-child(118) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 31600ms;
    animation-duration: 31600ms;
    -webkit-animation-delay: 32984ms;
    animation-delay: 32984ms;
}
@-webkit-keyframes move-frames-118 {
    from {
        transform: translate3d(76vw, 107vh, 0);
    }
    to {
        transform: translate3d(76vw, -130vh, 0);
    }
}
@keyframes move-frames-118 {
    from {
        transform: translate3d(76vw, 107vh, 0);
    }
    to {
        transform: translate3d(76vw, -130vh, 0);
    }
}
.circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 2635ms;
    animation-delay: 2635ms;
}
.circle-container:nth-child(119) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 29622ms;
    animation-duration: 29622ms;
    -webkit-animation-delay: 17220ms;
    animation-delay: 17220ms;
}
@-webkit-keyframes move-frames-119 {
    from {
        transform: translate3d(78vw, 109vh, 0);
    }
    to {
        transform: translate3d(56vw, -120vh, 0);
    }
}
@keyframes move-frames-119 {
    from {
        transform: translate3d(78vw, 109vh, 0);
    }
    to {
        transform: translate3d(56vw, -120vh, 0);
    }
}
.circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 1717ms;
    animation-delay: 1717ms;
}
.circle-container:nth-child(120) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 30624ms;
    animation-duration: 30624ms;
    -webkit-animation-delay: 21524ms;
    animation-delay: 21524ms;
}
@-webkit-keyframes move-frames-120 {
    from {
        transform: translate3d(21vw, 102vh, 0);
    }
    to {
        transform: translate3d(79vw, -116vh, 0);
    }
}
@keyframes move-frames-120 {
    from {
        transform: translate3d(21vw, 102vh, 0);
    }
    to {
        transform: translate3d(79vw, -116vh, 0);
    }
}
.circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 461ms;
    animation-delay: 461ms;
}
.circle-container:nth-child(121) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 33067ms;
    animation-duration: 33067ms;
    -webkit-animation-delay: 15162ms;
    animation-delay: 15162ms;
}
@-webkit-keyframes move-frames-121 {
    from {
        transform: translate3d(84vw, 106vh, 0);
    }
    to {
        transform: translate3d(96vw, -128vh, 0);
    }
}
@keyframes move-frames-121 {
    from {
        transform: translate3d(84vw, 106vh, 0);
    }
    to {
        transform: translate3d(96vw, -128vh, 0);
    }
}
.circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 1320ms;
    animation-delay: 1320ms;
}
.circle-container:nth-child(122) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 36701ms;
    animation-duration: 36701ms;
    -webkit-animation-delay: 22608ms;
    animation-delay: 22608ms;
}
@-webkit-keyframes move-frames-122 {
    from {
        transform: translate3d(81vw, 103vh, 0);
    }
    to {
        transform: translate3d(10vw, -121vh, 0);
    }
}
@keyframes move-frames-122 {
    from {
        transform: translate3d(81vw, 103vh, 0);
    }
    to {
        transform: translate3d(10vw, -121vh, 0);
    }
}
.circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 501ms;
    animation-delay: 501ms;
}
.circle-container:nth-child(123) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 34493ms;
    animation-duration: 34493ms;
    -webkit-animation-delay: 11765ms;
    animation-delay: 11765ms;
}
@-webkit-keyframes move-frames-123 {
    from {
        transform: translate3d(57vw, 101vh, 0);
    }
    to {
        transform: translate3d(39vw, -105vh, 0);
    }
}
@keyframes move-frames-123 {
    from {
        transform: translate3d(57vw, 101vh, 0);
    }
    to {
        transform: translate3d(39vw, -105vh, 0);
    }
}
.circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 599ms;
    animation-delay: 599ms;
}
.circle-container:nth-child(124) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 31514ms;
    animation-duration: 31514ms;
    -webkit-animation-delay: 23427ms;
    animation-delay: 23427ms;
}
@-webkit-keyframes move-frames-124 {
    from {
        transform: translate3d(46vw, 101vh, 0);
    }
    to {
        transform: translate3d(17vw, -128vh, 0);
    }
}
@keyframes move-frames-124 {
    from {
        transform: translate3d(46vw, 101vh, 0);
    }
    to {
        transform: translate3d(17vw, -128vh, 0);
    }
}
.circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 1482ms;
    animation-delay: 1482ms;
}
.circle-container:nth-child(125) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 28247ms;
    animation-duration: 28247ms;
    -webkit-animation-delay: 3937ms;
    animation-delay: 3937ms;
}
@-webkit-keyframes move-frames-125 {
    from {
        transform: translate3d(63vw, 107vh, 0);
    }
    to {
        transform: translate3d(81vw, -118vh, 0);
    }
}
@keyframes move-frames-125 {
    from {
        transform: translate3d(63vw, 107vh, 0);
    }
    to {
        transform: translate3d(81vw, -118vh, 0);
    }
}
.circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 349ms;
    animation-delay: 349ms;
}
.circle-container:nth-child(126) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 30123ms;
    animation-duration: 30123ms;
    -webkit-animation-delay: 35575ms;
    animation-delay: 35575ms;
}
@-webkit-keyframes move-frames-126 {
    from {
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        transform: translate3d(85vw, -135vh, 0);
    }
}
@keyframes move-frames-126 {
    from {
        transform: translate3d(74vw, 106vh, 0);
    }
    to {
        transform: translate3d(85vw, -135vh, 0);
    }
}
.circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 3683ms;
    animation-delay: 3683ms;
}
.circle-container:nth-child(127) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 32509ms;
    animation-duration: 32509ms;
    -webkit-animation-delay: 27241ms;
    animation-delay: 27241ms;
}
@-webkit-keyframes move-frames-127 {
    from {
        transform: translate3d(84vw, 103vh, 0);
    }
    to {
        transform: translate3d(42vw, -121vh, 0);
    }
}
@keyframes move-frames-127 {
    from {
        transform: translate3d(84vw, 103vh, 0);
    }
    to {
        transform: translate3d(42vw, -121vh, 0);
    }
}
.circle-container:nth-child(127) .circle {
    -webkit-animation-delay: 3232ms;
    animation-delay: 3232ms;
}
.circle-container:nth-child(128) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 34737ms;
    animation-duration: 34737ms;
    -webkit-animation-delay: 20416ms;
    animation-delay: 20416ms;
}
@-webkit-keyframes move-frames-128 {
    from {
        transform: translate3d(15vw, 109vh, 0);
    }
    to {
        transform: translate3d(50vw, -133vh, 0);
    }
}
@keyframes move-frames-128 {
    from {
        transform: translate3d(15vw, 109vh, 0);
    }
    to {
        transform: translate3d(50vw, -133vh, 0);
    }
}
.circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 3393ms;
    animation-delay: 3393ms;
}
.circle-container:nth-child(129) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 32486ms;
    animation-duration: 32486ms;
    -webkit-animation-delay: 22509ms;
    animation-delay: 22509ms;
}
@-webkit-keyframes move-frames-129 {
    from {
        transform: translate3d(59vw, 108vh, 0);
    }
    to {
        transform: translate3d(100vw, -120vh, 0);
    }
}
@keyframes move-frames-129 {
    from {
        transform: translate3d(59vw, 108vh, 0);
    }
    to {
        transform: translate3d(100vw, -120vh, 0);
    }
}
.circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 1870ms;
    animation-delay: 1870ms;
}
.circle-container:nth-child(130) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 29237ms;
    animation-duration: 29237ms;
    -webkit-animation-delay: 10269ms;
    animation-delay: 10269ms;
}
@-webkit-keyframes move-frames-130 {
    from {
        transform: translate3d(35vw, 107vh, 0);
    }
    to {
        transform: translate3d(18vw, -126vh, 0);
    }
}
@keyframes move-frames-130 {
    from {
        transform: translate3d(35vw, 107vh, 0);
    }
    to {
        transform: translate3d(18vw, -126vh, 0);
    }
}
.circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 2355ms;
    animation-delay: 2355ms;
}
.circle-container:nth-child(131) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 32891ms;
    animation-duration: 32891ms;
    -webkit-animation-delay: 21771ms;
    animation-delay: 21771ms;
}
@-webkit-keyframes move-frames-131 {
    from {
        transform: translate3d(91vw, 103vh, 0);
    }
    to {
        transform: translate3d(37vw, -114vh, 0);
    }
}
@keyframes move-frames-131 {
    from {
        transform: translate3d(91vw, 103vh, 0);
    }
    to {
        transform: translate3d(37vw, -114vh, 0);
    }
}
.circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 2535ms;
    animation-delay: 2535ms;
}
.circle-container:nth-child(132) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 31135ms;
    animation-duration: 31135ms;
    -webkit-animation-delay: 8775ms;
    animation-delay: 8775ms;
}
@-webkit-keyframes move-frames-132 {
    from {
        transform: translate3d(20vw, 106vh, 0);
    }
    to {
        transform: translate3d(48vw, -118vh, 0);
    }
}
@keyframes move-frames-132 {
    from {
        transform: translate3d(20vw, 106vh, 0);
    }
    to {
        transform: translate3d(48vw, -118vh, 0);
    }
}
.circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 2763ms;
    animation-delay: 2763ms;
}
.circle-container:nth-child(133) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 33560ms;
    animation-duration: 33560ms;
    -webkit-animation-delay: 31664ms;
    animation-delay: 31664ms;
}
@-webkit-keyframes move-frames-133 {
    from {
        transform: translate3d(65vw, 107vh, 0);
    }
    to {
        transform: translate3d(55vw, -133vh, 0);
    }
}
@keyframes move-frames-133 {
    from {
        transform: translate3d(65vw, 107vh, 0);
    }
    to {
        transform: translate3d(55vw, -133vh, 0);
    }
}
.circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 875ms;
    animation-delay: 875ms;
}
.circle-container:nth-child(134) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 30898ms;
    animation-duration: 30898ms;
    -webkit-animation-delay: 3579ms;
    animation-delay: 3579ms;
}
@-webkit-keyframes move-frames-134 {
    from {
        transform: translate3d(2vw, 110vh, 0);
    }
    to {
        transform: translate3d(92vw, -114vh, 0);
    }
}
@keyframes move-frames-134 {
    from {
        transform: translate3d(2vw, 110vh, 0);
    }
    to {
        transform: translate3d(92vw, -114vh, 0);
    }
}
.circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 349ms;
    animation-delay: 349ms;
}
.circle-container:nth-child(135) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 35994ms;
    animation-duration: 35994ms;
    -webkit-animation-delay: 22831ms;
    animation-delay: 22831ms;
}
@-webkit-keyframes move-frames-135 {
    from {
        transform: translate3d(11vw, 102vh, 0);
    }
    to {
        transform: translate3d(24vw, -122vh, 0);
    }
}
@keyframes move-frames-135 {
    from {
        transform: translate3d(11vw, 102vh, 0);
    }
    to {
        transform: translate3d(24vw, -122vh, 0);
    }
}
.circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 3250ms;
    animation-delay: 3250ms;
}
.circle-container:nth-child(136) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 33112ms;
    animation-duration: 33112ms;
    -webkit-animation-delay: 20551ms;
    animation-delay: 20551ms;
}
@-webkit-keyframes move-frames-136 {
    from {
        transform: translate3d(31vw, 102vh, 0);
    }
    to {
        transform: translate3d(66vw, -122vh, 0);
    }
}
@keyframes move-frames-136 {
    from {
        transform: translate3d(31vw, 102vh, 0);
    }
    to {
        transform: translate3d(66vw, -122vh, 0);
    }
}
.circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 3876ms;
    animation-delay: 3876ms;
}
.circle-container:nth-child(137) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 30108ms;
    animation-duration: 30108ms;
    -webkit-animation-delay: 18598ms;
    animation-delay: 18598ms;
}
@-webkit-keyframes move-frames-137 {
    from {
        transform: translate3d(31vw, 105vh, 0);
    }
    to {
        transform: translate3d(6vw, -116vh, 0);
    }
}
@keyframes move-frames-137 {
    from {
        transform: translate3d(31vw, 105vh, 0);
    }
    to {
        transform: translate3d(6vw, -116vh, 0);
    }
}
.circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 1254ms;
    animation-delay: 1254ms;
}
.circle-container:nth-child(138) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 33356ms;
    animation-duration: 33356ms;
    -webkit-animation-delay: 33144ms;
    animation-delay: 33144ms;
}
@-webkit-keyframes move-frames-138 {
    from {
        transform: translate3d(82vw, 103vh, 0);
    }
    to {
        transform: translate3d(26vw, -115vh, 0);
    }
}
@keyframes move-frames-138 {
    from {
        transform: translate3d(82vw, 103vh, 0);
    }
    to {
        transform: translate3d(26vw, -115vh, 0);
    }
}
.circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 1534ms;
    animation-delay: 1534ms;
}
.circle-container:nth-child(139) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 31348ms;
    animation-duration: 31348ms;
    -webkit-animation-delay: 3650ms;
    animation-delay: 3650ms;
}
@-webkit-keyframes move-frames-139 {
    from {
        transform: translate3d(56vw, 108vh, 0);
    }
    to {
        transform: translate3d(88vw, -114vh, 0);
    }
}
@keyframes move-frames-139 {
    from {
        transform: translate3d(56vw, 108vh, 0);
    }
    to {
        transform: translate3d(88vw, -114vh, 0);
    }
}
.circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 3302ms;
    animation-delay: 3302ms;
}
.circle-container:nth-child(140) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 34254ms;
    animation-duration: 34254ms;
    -webkit-animation-delay: 23683ms;
    animation-delay: 23683ms;
}
@-webkit-keyframes move-frames-140 {
    from {
        transform: translate3d(96vw, 109vh, 0);
    }
    to {
        transform: translate3d(41vw, -112vh, 0);
    }
}
@keyframes move-frames-140 {
    from {
        transform: translate3d(96vw, 109vh, 0);
    }
    to {
        transform: translate3d(41vw, -112vh, 0);
    }
}
.circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 352ms;
    animation-delay: 352ms;
}
.circle-container:nth-child(141) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 36518ms;
    animation-duration: 36518ms;
    -webkit-animation-delay: 24629ms;
    animation-delay: 24629ms;
}
@-webkit-keyframes move-frames-141 {
    from {
        transform: translate3d(59vw, 105vh, 0);
    }
    to {
        transform: translate3d(65vw, -111vh, 0);
    }
}
@keyframes move-frames-141 {
    from {
        transform: translate3d(59vw, 105vh, 0);
    }
    to {
        transform: translate3d(65vw, -111vh, 0);
    }
}
.circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 702ms;
    animation-delay: 702ms;
}
.circle-container:nth-child(142) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 33745ms;
    animation-duration: 33745ms;
    -webkit-animation-delay: 35283ms;
    animation-delay: 35283ms;
}
@-webkit-keyframes move-frames-142 {
    from {
        transform: translate3d(87vw, 110vh, 0);
    }
    to {
        transform: translate3d(36vw, -129vh, 0);
    }
}
@keyframes move-frames-142 {
    from {
        transform: translate3d(87vw, 110vh, 0);
    }
    to {
        transform: translate3d(36vw, -129vh, 0);
    }
}
.circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 2974ms;
    animation-delay: 2974ms;
}
.circle-container:nth-child(143) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 29880ms;
    animation-duration: 29880ms;
    -webkit-animation-delay: 26414ms;
    animation-delay: 26414ms;
}
@-webkit-keyframes move-frames-143 {
    from {
        transform: translate3d(90vw, 108vh, 0);
    }
    to {
        transform: translate3d(29vw, -111vh, 0);
    }
}
@keyframes move-frames-143 {
    from {
        transform: translate3d(90vw, 108vh, 0);
    }
    to {
        transform: translate3d(29vw, -111vh, 0);
    }
}
.circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 1457ms;
    animation-delay: 1457ms;
}
.circle-container:nth-child(144) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 36615ms;
    animation-duration: 36615ms;
    -webkit-animation-delay: 17200ms;
    animation-delay: 17200ms;
}
@-webkit-keyframes move-frames-144 {
    from {
        transform: translate3d(5vw, 104vh, 0);
    }
    to {
        transform: translate3d(41vw, -129vh, 0);
    }
}
@keyframes move-frames-144 {
    from {
        transform: translate3d(5vw, 104vh, 0);
    }
    to {
        transform: translate3d(41vw, -129vh, 0);
    }
}
.circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 249ms;
    animation-delay: 249ms;
}
.circle-container:nth-child(145) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 30498ms;
    animation-duration: 30498ms;
    -webkit-animation-delay: 5092ms;
    animation-delay: 5092ms;
}
@-webkit-keyframes move-frames-145 {
    from {
        transform: translate3d(66vw, 107vh, 0);
    }
    to {
        transform: translate3d(13vw, -114vh, 0);
    }
}
@keyframes move-frames-145 {
    from {
        transform: translate3d(66vw, 107vh, 0);
    }
    to {
        transform: translate3d(13vw, -114vh, 0);
    }
}
.circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 3022ms;
    animation-delay: 3022ms;
}
.circle-container:nth-child(146) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 28175ms;
    animation-duration: 28175ms;
    -webkit-animation-delay: 19062ms;
    animation-delay: 19062ms;
}
@-webkit-keyframes move-frames-146 {
    from {
        transform: translate3d(51vw, 105vh, 0);
    }
    to {
        transform: translate3d(80vw, -129vh, 0);
    }
}
@keyframes move-frames-146 {
    from {
        transform: translate3d(51vw, 105vh, 0);
    }
    to {
        transform: translate3d(80vw, -129vh, 0);
    }
}
.circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 712ms;
    animation-delay: 712ms;
}
.circle-container:nth-child(147) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 32152ms;
    animation-duration: 32152ms;
    -webkit-animation-delay: 7208ms;
    animation-delay: 7208ms;
}
@-webkit-keyframes move-frames-147 {
    from {
        transform: translate3d(48vw, 109vh, 0);
    }
    to {
        transform: translate3d(25vw, -128vh, 0);
    }
}
@keyframes move-frames-147 {
    from {
        transform: translate3d(48vw, 109vh, 0);
    }
    to {
        transform: translate3d(25vw, -128vh, 0);
    }
}
.circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 1914ms;
    animation-delay: 1914ms;
}
.circle-container:nth-child(148) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 31656ms;
    animation-duration: 31656ms;
    -webkit-animation-delay: 25239ms;
    animation-delay: 25239ms;
}
@-webkit-keyframes move-frames-148 {
    from {
        transform: translate3d(58vw, 105vh, 0);
    }
    to {
        transform: translate3d(81vw, -119vh, 0);
    }
}
@keyframes move-frames-148 {
    from {
        transform: translate3d(58vw, 105vh, 0);
    }
    to {
        transform: translate3d(81vw, -119vh, 0);
    }
}
.circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 1209ms;
    animation-delay: 1209ms;
}
.circle-container:nth-child(149) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 31309ms;
    animation-duration: 31309ms;
    -webkit-animation-delay: 8573ms;
    animation-delay: 8573ms;
}
@-webkit-keyframes move-frames-149 {
    from {
        transform: translate3d(78vw, 101vh, 0);
    }
    to {
        transform: translate3d(90vw, -131vh, 0);
    }
}
@keyframes move-frames-149 {
    from {
        transform: translate3d(78vw, 101vh, 0);
    }
    to {
        transform: translate3d(90vw, -131vh, 0);
    }
}
.circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 3300ms;
    animation-delay: 3300ms;
}
.circle-container:nth-child(150) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 36724ms;
    animation-duration: 36724ms;
    -webkit-animation-delay: 31209ms;
    animation-delay: 31209ms;
}
@-webkit-keyframes move-frames-150 {
    from {
        transform: translate3d(12vw, 103vh, 0);
    }
    to {
        transform: translate3d(63vw, -120vh, 0);
    }
}
@keyframes move-frames-150 {
    from {
        transform: translate3d(12vw, 103vh, 0);
    }
    to {
        transform: translate3d(63vw, -120vh, 0);
    }
}
.circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 1151ms;
    animation-delay: 1151ms;
}
.circle-container:nth-child(151) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 30852ms;
    animation-duration: 30852ms;
    -webkit-animation-delay: 15254ms;
    animation-delay: 15254ms;
}
@-webkit-keyframes move-frames-151 {
    from {
        transform: translate3d(97vw, 110vh, 0);
    }
    to {
        transform: translate3d(91vw, -132vh, 0);
    }
}
@keyframes move-frames-151 {
    from {
        transform: translate3d(97vw, 110vh, 0);
    }
    to {
        transform: translate3d(91vw, -132vh, 0);
    }
}
.circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 2242ms;
    animation-delay: 2242ms;
}
.circle-container:nth-child(152) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 30005ms;
    animation-duration: 30005ms;
    -webkit-animation-delay: 33613ms;
    animation-delay: 33613ms;
}
@-webkit-keyframes move-frames-152 {
    from {
        transform: translate3d(3vw, 110vh, 0);
    }
    to {
        transform: translate3d(51vw, -128vh, 0);
    }
}
@keyframes move-frames-152 {
    from {
        transform: translate3d(3vw, 110vh, 0);
    }
    to {
        transform: translate3d(51vw, -128vh, 0);
    }
}
.circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 829ms;
    animation-delay: 829ms;
}
.circle-container:nth-child(153) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 36694ms;
    animation-duration: 36694ms;
    -webkit-animation-delay: 5287ms;
    animation-delay: 5287ms;
}
@-webkit-keyframes move-frames-153 {
    from {
        transform: translate3d(16vw, 105vh, 0);
    }
    to {
        transform: translate3d(74vw, -112vh, 0);
    }
}
@keyframes move-frames-153 {
    from {
        transform: translate3d(16vw, 105vh, 0);
    }
    to {
        transform: translate3d(74vw, -112vh, 0);
    }
}
.circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 2591ms;
    animation-delay: 2591ms;
}
.circle-container:nth-child(154) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 28056ms;
    animation-duration: 28056ms;
    -webkit-animation-delay: 15239ms;
    animation-delay: 15239ms;
}
@-webkit-keyframes move-frames-154 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(52vw, -137vh, 0);
    }
}
@keyframes move-frames-154 {
    from {
        transform: translate3d(91vw, 110vh, 0);
    }
    to {
        transform: translate3d(52vw, -137vh, 0);
    }
}
.circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 1933ms;
    animation-delay: 1933ms;
}
.circle-container:nth-child(155) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 32914ms;
    animation-duration: 32914ms;
    -webkit-animation-delay: 24996ms;
    animation-delay: 24996ms;
}
@-webkit-keyframes move-frames-155 {
    from {
        transform: translate3d(97vw, 105vh, 0);
    }
    to {
        transform: translate3d(93vw, -122vh, 0);
    }
}
@keyframes move-frames-155 {
    from {
        transform: translate3d(97vw, 105vh, 0);
    }
    to {
        transform: translate3d(93vw, -122vh, 0);
    }
}
.circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 2821ms;
    animation-delay: 2821ms;
}
.circle-container:nth-child(156) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 31515ms;
    animation-duration: 31515ms;
    -webkit-animation-delay: 12304ms;
    animation-delay: 12304ms;
}
@-webkit-keyframes move-frames-156 {
    from {
        transform: translate3d(95vw, 104vh, 0);
    }
    to {
        transform: translate3d(34vw, -129vh, 0);
    }
}
@keyframes move-frames-156 {
    from {
        transform: translate3d(95vw, 104vh, 0);
    }
    to {
        transform: translate3d(34vw, -129vh, 0);
    }
}
.circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 1776ms;
    animation-delay: 1776ms;
}
.circle-container:nth-child(157) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 36247ms;
    animation-duration: 36247ms;
    -webkit-animation-delay: 35831ms;
    animation-delay: 35831ms;
}
@-webkit-keyframes move-frames-157 {
    from {
        transform: translate3d(6vw, 107vh, 0);
    }
    to {
        transform: translate3d(39vw, -125vh, 0);
    }
}
@keyframes move-frames-157 {
    from {
        transform: translate3d(6vw, 107vh, 0);
    }
    to {
        transform: translate3d(39vw, -125vh, 0);
    }
}
.circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 844ms;
    animation-delay: 844ms;
}
.circle-container:nth-child(158) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 31944ms;
    animation-duration: 31944ms;
    -webkit-animation-delay: 30954ms;
    animation-delay: 30954ms;
}
@-webkit-keyframes move-frames-158 {
    from {
        transform: translate3d(77vw, 109vh, 0);
    }
    to {
        transform: translate3d(97vw, -132vh, 0);
    }
}
@keyframes move-frames-158 {
    from {
        transform: translate3d(77vw, 109vh, 0);
    }
    to {
        transform: translate3d(97vw, -132vh, 0);
    }
}
.circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 3951ms;
    animation-delay: 3951ms;
}
.circle-container:nth-child(159) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 36256ms;
    animation-duration: 36256ms;
    -webkit-animation-delay: 18723ms;
    animation-delay: 18723ms;
}
@-webkit-keyframes move-frames-159 {
    from {
        transform: translate3d(20vw, 110vh, 0);
    }
    to {
        transform: translate3d(40vw, -134vh, 0);
    }
}
@keyframes move-frames-159 {
    from {
        transform: translate3d(20vw, 110vh, 0);
    }
    to {
        transform: translate3d(40vw, -134vh, 0);
    }
}
.circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 268ms;
    animation-delay: 268ms;
}
.circle-container:nth-child(160) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 30292ms;
    animation-duration: 30292ms;
    -webkit-animation-delay: 25866ms;
    animation-delay: 25866ms;
}
@-webkit-keyframes move-frames-160 {
    from {
        transform: translate3d(6vw, 106vh, 0);
    }
    to {
        transform: translate3d(64vw, -109vh, 0);
    }
}
@keyframes move-frames-160 {
    from {
        transform: translate3d(6vw, 106vh, 0);
    }
    to {
        transform: translate3d(64vw, -109vh, 0);
    }
}
.circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 1762ms;
    animation-delay: 1762ms;
}
.circle-container:nth-child(161) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 33342ms;
    animation-duration: 33342ms;
    -webkit-animation-delay: 3658ms;
    animation-delay: 3658ms;
}
@-webkit-keyframes move-frames-161 {
    from {
        transform: translate3d(95vw, 108vh, 0);
    }
    to {
        transform: translate3d(14vw, -126vh, 0);
    }
}
@keyframes move-frames-161 {
    from {
        transform: translate3d(95vw, 108vh, 0);
    }
    to {
        transform: translate3d(14vw, -126vh, 0);
    }
}
.circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 3139ms;
    animation-delay: 3139ms;
}
.circle-container:nth-child(162) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 32054ms;
    animation-duration: 32054ms;
    -webkit-animation-delay: 31532ms;
    animation-delay: 31532ms;
}
@-webkit-keyframes move-frames-162 {
    from {
        transform: translate3d(87vw, 104vh, 0);
    }
    to {
        transform: translate3d(49vw, -131vh, 0);
    }
}
@keyframes move-frames-162 {
    from {
        transform: translate3d(87vw, 104vh, 0);
    }
    to {
        transform: translate3d(49vw, -131vh, 0);
    }
}
.circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 2391ms;
    animation-delay: 2391ms;
}
.circle-container:nth-child(163) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 34279ms;
    animation-duration: 34279ms;
    -webkit-animation-delay: 8613ms;
    animation-delay: 8613ms;
}
@-webkit-keyframes move-frames-163 {
    from {
        transform: translate3d(33vw, 104vh, 0);
    }
    to {
        transform: translate3d(63vw, -122vh, 0);
    }
}
@keyframes move-frames-163 {
    from {
        transform: translate3d(33vw, 104vh, 0);
    }
    to {
        transform: translate3d(63vw, -122vh, 0);
    }
}
.circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 486ms;
    animation-delay: 486ms;
}
.circle-container:nth-child(164) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 28958ms;
    animation-duration: 28958ms;
    -webkit-animation-delay: 11899ms;
    animation-delay: 11899ms;
}
@-webkit-keyframes move-frames-164 {
    from {
        transform: translate3d(60vw, 104vh, 0);
    }
    to {
        transform: translate3d(90vw, -131vh, 0);
    }
}
@keyframes move-frames-164 {
    from {
        transform: translate3d(60vw, 104vh, 0);
    }
    to {
        transform: translate3d(90vw, -131vh, 0);
    }
}
.circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 606ms;
    animation-delay: 606ms;
}
.circle-container:nth-child(165) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 32147ms;
    animation-duration: 32147ms;
    -webkit-animation-delay: 17620ms;
    animation-delay: 17620ms;
}
@-webkit-keyframes move-frames-165 {
    from {
        transform: translate3d(35vw, 102vh, 0);
    }
    to {
        transform: translate3d(22vw, -107vh, 0);
    }
}
@keyframes move-frames-165 {
    from {
        transform: translate3d(35vw, 102vh, 0);
    }
    to {
        transform: translate3d(22vw, -107vh, 0);
    }
}
.circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 276ms;
    animation-delay: 276ms;
}
.circle-container:nth-child(166) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 36348ms;
    animation-duration: 36348ms;
    -webkit-animation-delay: 3503ms;
    animation-delay: 3503ms;
}
@-webkit-keyframes move-frames-166 {
    from {
        transform: translate3d(41vw, 102vh, 0);
    }
    to {
        transform: translate3d(15vw, -126vh, 0);
    }
}
@keyframes move-frames-166 {
    from {
        transform: translate3d(41vw, 102vh, 0);
    }
    to {
        transform: translate3d(15vw, -126vh, 0);
    }
}
.circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 3235ms;
    animation-delay: 3235ms;
}
.circle-container:nth-child(167) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 36855ms;
    animation-duration: 36855ms;
    -webkit-animation-delay: 32295ms;
    animation-delay: 32295ms;
}
@-webkit-keyframes move-frames-167 {
    from {
        transform: translate3d(41vw, 108vh, 0);
    }
    to {
        transform: translate3d(76vw, -135vh, 0);
    }
}
@keyframes move-frames-167 {
    from {
        transform: translate3d(41vw, 108vh, 0);
    }
    to {
        transform: translate3d(76vw, -135vh, 0);
    }
}
.circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 2099ms;
    animation-delay: 2099ms;
}
.circle-container:nth-child(168) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 35866ms;
    animation-duration: 35866ms;
    -webkit-animation-delay: 6835ms;
    animation-delay: 6835ms;
}
@-webkit-keyframes move-frames-168 {
    from {
        transform: translate3d(3vw, 110vh, 0);
    }
    to {
        transform: translate3d(42vw, -121vh, 0);
    }
}
@keyframes move-frames-168 {
    from {
        transform: translate3d(3vw, 110vh, 0);
    }
    to {
        transform: translate3d(42vw, -121vh, 0);
    }
}
.circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 3072ms;
    animation-delay: 3072ms;
}
.circle-container:nth-child(169) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 29405ms;
    animation-duration: 29405ms;
    -webkit-animation-delay: 22332ms;
    animation-delay: 22332ms;
}
@-webkit-keyframes move-frames-169 {
    from {
        transform: translate3d(11vw, 109vh, 0);
    }
    to {
        transform: translate3d(11vw, -113vh, 0);
    }
}
@keyframes move-frames-169 {
    from {
        transform: translate3d(11vw, 109vh, 0);
    }
    to {
        transform: translate3d(11vw, -113vh, 0);
    }
}
.circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 741ms;
    animation-delay: 741ms;
}
.circle-container:nth-child(170) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 29575ms;
    animation-duration: 29575ms;
    -webkit-animation-delay: 2225ms;
    animation-delay: 2225ms;
}
@-webkit-keyframes move-frames-170 {
    from {
        transform: translate3d(33vw, 105vh, 0);
    }
    to {
        transform: translate3d(86vw, -112vh, 0);
    }
}
@keyframes move-frames-170 {
    from {
        transform: translate3d(33vw, 105vh, 0);
    }
    to {
        transform: translate3d(86vw, -112vh, 0);
    }
}
.circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 563ms;
    animation-delay: 563ms;
}
.circle-container:nth-child(171) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 36896ms;
    animation-duration: 36896ms;
    -webkit-animation-delay: 26152ms;
    animation-delay: 26152ms;
}
@-webkit-keyframes move-frames-171 {
    from {
        transform: translate3d(37vw, 107vh, 0);
    }
    to {
        transform: translate3d(35vw, -133vh, 0);
    }
}
@keyframes move-frames-171 {
    from {
        transform: translate3d(37vw, 107vh, 0);
    }
    to {
        transform: translate3d(35vw, -133vh, 0);
    }
}
.circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 377ms;
    animation-delay: 377ms;
}
.circle-container:nth-child(172) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 33637ms;
    animation-duration: 33637ms;
    -webkit-animation-delay: 30398ms;
    animation-delay: 30398ms;
}
@-webkit-keyframes move-frames-172 {
    from {
        transform: translate3d(81vw, 106vh, 0);
    }
    to {
        transform: translate3d(92vw, -125vh, 0);
    }
}
@keyframes move-frames-172 {
    from {
        transform: translate3d(81vw, 106vh, 0);
    }
    to {
        transform: translate3d(92vw, -125vh, 0);
    }
}
.circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 3440ms;
    animation-delay: 3440ms;
}
.circle-container:nth-child(173) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 28408ms;
    animation-duration: 28408ms;
    -webkit-animation-delay: 24532ms;
    animation-delay: 24532ms;
}
@-webkit-keyframes move-frames-173 {
    from {
        transform: translate3d(30vw, 110vh, 0);
    }
    to {
        transform: translate3d(34vw, -116vh, 0);
    }
}
@keyframes move-frames-173 {
    from {
        transform: translate3d(30vw, 110vh, 0);
    }
    to {
        transform: translate3d(34vw, -116vh, 0);
    }
}
.circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 1449ms;
    animation-delay: 1449ms;
}
.circle-container:nth-child(174) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 30917ms;
    animation-duration: 30917ms;
    -webkit-animation-delay: 10330ms;
    animation-delay: 10330ms;
}
@-webkit-keyframes move-frames-174 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(24vw, -112vh, 0);
    }
}
@keyframes move-frames-174 {
    from {
        transform: translate3d(14vw, 107vh, 0);
    }
    to {
        transform: translate3d(24vw, -112vh, 0);
    }
}
.circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 2237ms;
    animation-delay: 2237ms;
}
.circle-container:nth-child(175) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 30159ms;
    animation-duration: 30159ms;
    -webkit-animation-delay: 27889ms;
    animation-delay: 27889ms;
}
@-webkit-keyframes move-frames-175 {
    from {
        transform: translate3d(86vw, 106vh, 0);
    }
    to {
        transform: translate3d(8vw, -127vh, 0);
    }
}
@keyframes move-frames-175 {
    from {
        transform: translate3d(86vw, 106vh, 0);
    }
    to {
        transform: translate3d(8vw, -127vh, 0);
    }
}
.circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 639ms;
    animation-delay: 639ms;
}
.circle-container:nth-child(176) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 28933ms;
    animation-duration: 28933ms;
    -webkit-animation-delay: 29518ms;
    animation-delay: 29518ms;
}
@-webkit-keyframes move-frames-176 {
    from {
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        transform: translate3d(83vw, -131vh, 0);
    }
}
@keyframes move-frames-176 {
    from {
        transform: translate3d(42vw, 105vh, 0);
    }
    to {
        transform: translate3d(83vw, -131vh, 0);
    }
}
.circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 566ms;
    animation-delay: 566ms;
}
.circle-container:nth-child(177) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 36131ms;
    animation-duration: 36131ms;
    -webkit-animation-delay: 1730ms;
    animation-delay: 1730ms;
}
@-webkit-keyframes move-frames-177 {
    from {
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        transform: translate3d(77vw, -113vh, 0);
    }
}
@keyframes move-frames-177 {
    from {
        transform: translate3d(81vw, 107vh, 0);
    }
    to {
        transform: translate3d(77vw, -113vh, 0);
    }
}
.circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 1140ms;
    animation-delay: 1140ms;
}
.circle-container:nth-child(178) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 30505ms;
    animation-duration: 30505ms;
    -webkit-animation-delay: 32126ms;
    animation-delay: 32126ms;
}
@-webkit-keyframes move-frames-178 {
    from {
        transform: translate3d(10vw, 107vh, 0);
    }
    to {
        transform: translate3d(8vw, -131vh, 0);
    }
}
@keyframes move-frames-178 {
    from {
        transform: translate3d(10vw, 107vh, 0);
    }
    to {
        transform: translate3d(8vw, -131vh, 0);
    }
}
.circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 2563ms;
    animation-delay: 2563ms;
}
.circle-container:nth-child(179) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 29417ms;
    animation-duration: 29417ms;
    -webkit-animation-delay: 35388ms;
    animation-delay: 35388ms;
}
@-webkit-keyframes move-frames-179 {
    from {
        transform: translate3d(49vw, 104vh, 0);
    }
    to {
        transform: translate3d(89vw, -118vh, 0);
    }
}
@keyframes move-frames-179 {
    from {
        transform: translate3d(49vw, 104vh, 0);
    }
    to {
        transform: translate3d(89vw, -118vh, 0);
    }
}
.circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 335ms;
    animation-delay: 335ms;
}
.circle-container:nth-child(180) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 34671ms;
    animation-duration: 34671ms;
    -webkit-animation-delay: 30110ms;
    animation-delay: 30110ms;
}
@-webkit-keyframes move-frames-180 {
    from {
        transform: translate3d(33vw, 106vh, 0);
    }
    to {
        transform: translate3d(38vw, -123vh, 0);
    }
}
@keyframes move-frames-180 {
    from {
        transform: translate3d(33vw, 106vh, 0);
    }
    to {
        transform: translate3d(38vw, -123vh, 0);
    }
}
.circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 3359ms;
    animation-delay: 3359ms;
}
.circle-container:nth-child(181) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 36882ms;
    animation-duration: 36882ms;
    -webkit-animation-delay: 25131ms;
    animation-delay: 25131ms;
}
@-webkit-keyframes move-frames-181 {
    from {
        transform: translate3d(37vw, 109vh, 0);
    }
    to {
        transform: translate3d(45vw, -124vh, 0);
    }
}
@keyframes move-frames-181 {
    from {
        transform: translate3d(37vw, 109vh, 0);
    }
    to {
        transform: translate3d(45vw, -124vh, 0);
    }
}
.circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 3165ms;
    animation-delay: 3165ms;
}
.circle-container:nth-child(182) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 36304ms;
    animation-duration: 36304ms;
    -webkit-animation-delay: 35581ms;
    animation-delay: 35581ms;
}
@-webkit-keyframes move-frames-182 {
    from {
        transform: translate3d(7vw, 110vh, 0);
    }
    to {
        transform: translate3d(83vw, -140vh, 0);
    }
}
@keyframes move-frames-182 {
    from {
        transform: translate3d(7vw, 110vh, 0);
    }
    to {
        transform: translate3d(83vw, -140vh, 0);
    }
}
.circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 3223ms;
    animation-delay: 3223ms;
}
.circle-container:nth-child(183) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 34025ms;
    animation-duration: 34025ms;
    -webkit-animation-delay: 31371ms;
    animation-delay: 31371ms;
}
@-webkit-keyframes move-frames-183 {
    from {
        transform: translate3d(24vw, 103vh, 0);
    }
    to {
        transform: translate3d(93vw, -104vh, 0);
    }
}
@keyframes move-frames-183 {
    from {
        transform: translate3d(24vw, 103vh, 0);
    }
    to {
        transform: translate3d(93vw, -104vh, 0);
    }
}
.circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 98ms;
    animation-delay: 98ms;
}
.circle-container:nth-child(184) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 34703ms;
    animation-duration: 34703ms;
    -webkit-animation-delay: 35421ms;
    animation-delay: 35421ms;
}
@-webkit-keyframes move-frames-184 {
    from {
        transform: translate3d(55vw, 103vh, 0);
    }
    to {
        transform: translate3d(67vw, -109vh, 0);
    }
}
@keyframes move-frames-184 {
    from {
        transform: translate3d(55vw, 103vh, 0);
    }
    to {
        transform: translate3d(67vw, -109vh, 0);
    }
}
.circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 2819ms;
    animation-delay: 2819ms;
}
.circle-container:nth-child(185) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 30264ms;
    animation-duration: 30264ms;
    -webkit-animation-delay: 584ms;
    animation-delay: 584ms;
}
@-webkit-keyframes move-frames-185 {
    from {
        transform: translate3d(38vw, 110vh, 0);
    }
    to {
        transform: translate3d(94vw, -134vh, 0);
    }
}
@keyframes move-frames-185 {
    from {
        transform: translate3d(38vw, 110vh, 0);
    }
    to {
        transform: translate3d(94vw, -134vh, 0);
    }
}
.circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 1547ms;
    animation-delay: 1547ms;
}
.circle-container:nth-child(186) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 33405ms;
    animation-duration: 33405ms;
    -webkit-animation-delay: 34750ms;
    animation-delay: 34750ms;
}
@-webkit-keyframes move-frames-186 {
    from {
        transform: translate3d(95vw, 101vh, 0);
    }
    to {
        transform: translate3d(11vw, -125vh, 0);
    }
}
@keyframes move-frames-186 {
    from {
        transform: translate3d(95vw, 101vh, 0);
    }
    to {
        transform: translate3d(11vw, -125vh, 0);
    }
}
.circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 3714ms;
    animation-delay: 3714ms;
}
.circle-container:nth-child(187) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 30217ms;
    animation-duration: 30217ms;
    -webkit-animation-delay: 21186ms;
    animation-delay: 21186ms;
}
@-webkit-keyframes move-frames-187 {
    from {
        transform: translate3d(69vw, 105vh, 0);
    }
    to {
        transform: translate3d(84vw, -116vh, 0);
    }
}
@keyframes move-frames-187 {
    from {
        transform: translate3d(69vw, 105vh, 0);
    }
    to {
        transform: translate3d(84vw, -116vh, 0);
    }
}
.circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 2748ms;
    animation-delay: 2748ms;
}
.circle-container:nth-child(188) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 31222ms;
    animation-duration: 31222ms;
    -webkit-animation-delay: 15862ms;
    animation-delay: 15862ms;
}
@-webkit-keyframes move-frames-188 {
    from {
        transform: translate3d(89vw, 101vh, 0);
    }
    to {
        transform: translate3d(86vw, -119vh, 0);
    }
}
@keyframes move-frames-188 {
    from {
        transform: translate3d(89vw, 101vh, 0);
    }
    to {
        transform: translate3d(86vw, -119vh, 0);
    }
}
.circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 2990ms;
    animation-delay: 2990ms;
}
.circle-container:nth-child(189) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 31463ms;
    animation-duration: 31463ms;
    -webkit-animation-delay: 3357ms;
    animation-delay: 3357ms;
}
@-webkit-keyframes move-frames-189 {
    from {
        transform: translate3d(29vw, 107vh, 0);
    }
    to {
        transform: translate3d(44vw, -123vh, 0);
    }
}
@keyframes move-frames-189 {
    from {
        transform: translate3d(29vw, 107vh, 0);
    }
    to {
        transform: translate3d(44vw, -123vh, 0);
    }
}
.circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 1742ms;
    animation-delay: 1742ms;
}
.circle-container:nth-child(190) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 35343ms;
    animation-duration: 35343ms;
    -webkit-animation-delay: 17741ms;
    animation-delay: 17741ms;
}
@-webkit-keyframes move-frames-190 {
    from {
        transform: translate3d(37vw, 110vh, 0);
    }
    to {
        transform: translate3d(26vw, -119vh, 0);
    }
}
@keyframes move-frames-190 {
    from {
        transform: translate3d(37vw, 110vh, 0);
    }
    to {
        transform: translate3d(26vw, -119vh, 0);
    }
}
.circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 672ms;
    animation-delay: 672ms;
}
.circle-container:nth-child(191) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 32589ms;
    animation-duration: 32589ms;
    -webkit-animation-delay: 2251ms;
    animation-delay: 2251ms;
}
@-webkit-keyframes move-frames-191 {
    from {
        transform: translate3d(14vw, 103vh, 0);
    }
    to {
        transform: translate3d(20vw, -109vh, 0);
    }
}
@keyframes move-frames-191 {
    from {
        transform: translate3d(14vw, 103vh, 0);
    }
    to {
        transform: translate3d(20vw, -109vh, 0);
    }
}
.circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 249ms;
    animation-delay: 249ms;
}
.circle-container:nth-child(192) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 28547ms;
    animation-duration: 28547ms;
    -webkit-animation-delay: 33146ms;
    animation-delay: 33146ms;
}
@-webkit-keyframes move-frames-192 {
    from {
        transform: translate3d(83vw, 104vh, 0);
    }
    to {
        transform: translate3d(74vw, -132vh, 0);
    }
}
@keyframes move-frames-192 {
from {
    transform: translate3d(83vw, 104vh, 0);
}
to {
    transform: translate3d(74vw, -132vh, 0);
}
}
.circle-container:nth-child(192) .circle {
-webkit-animation-delay: 277ms;
animation-delay: 277ms;
}
.circle-container:nth-child(193) {
width: 5px;
height: 5px;
-webkit-animation-name: move-frames-193;
animation-name: move-frames-193;
-webkit-animation-duration: 29290ms;
animation-duration: 29290ms;
-webkit-animation-delay: 17208ms;
animation-delay: 17208ms;
}
.circle-container:nth-child(193) .circle {
-webkit-animation-delay: 3069ms;
animation-delay: 3069ms;
}
.circle-container:nth-child(194) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 34579ms;
    animation-duration: 34579ms;
    -webkit-animation-delay: 31860ms;
    animation-delay: 31860ms;
}
.circle-container:nth-child(194) .circle {
-webkit-animation-delay: 2761ms;
animation-delay: 2761ms;
}
.circle-container:nth-child(195) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 28268ms;
    animation-duration: 28268ms;
    -webkit-animation-delay: 1847ms;
    animation-delay: 1847ms;
}
.circle-container:nth-child(195) .circle {
-webkit-animation-delay: 2872ms;
animation-delay: 2872ms;
}
.circle-container:nth-child(196) {
width: 2px;
height: 2px;
-webkit-animation-name: move-frames-196;
animation-name: move-frames-196;
-webkit-animation-duration: 33426ms;
animation-duration: 33426ms;
-webkit-animation-delay: 35515ms;
animation-delay: 35515ms;
}
.circle-container:nth-child(196) .circle {
-webkit-animation-delay: 1309ms;
animation-delay: 1309ms;
}
.circle-container:nth-child(197) {
width: 8px;
height: 8px;
-webkit-animation-name: move-frames-197;
animation-name: move-frames-197;
-webkit-animation-duration: 35268ms;
animation-duration: 35268ms;
-webkit-animation-delay: 9783ms;
animation-delay: 9783ms;
}
.circle-container:nth-child(197) .circle {
-webkit-animation-delay: 3319ms;
animation-delay: 3319ms;
}
.circle-container:nth-child(198) {
width: 7px;
height: 7px;
-webkit-animation-name: move-frames-198;
animation-name: move-frames-198;
-webkit-animation-duration: 33410ms;
animation-duration: 33410ms;
-webkit-animation-delay: 32880ms;
animation-delay: 32880ms;
}
@-webkit-keyframes move-frames-193 {
from {
    transform: translate3d(19vw, 109vh, 0);
}
to {
    transform: translate3d(29vw, -135vh, 0);
}
}
@keyframes move-frames-193 {
from {
    transform: translate3d(19vw, 109vh, 0);
}
to {
    transform: translate3d(29vw, -135vh, 0);
}
}
@-webkit-keyframes move-frames-194 {
from {
    transform: translate3d(21vw, 103vh, 0);
}
to {
    transform: translate3d(47vw, -127vh, 0);
}
}
@keyframes move-frames-194 {
from {
    transform: translate3d(21vw, 103vh, 0);
}
to {
    transform: translate3d(47vw, -127vh, 0);
}
}
@-webkit-keyframes move-frames-195 {
from {
    transform: translate3d(23vw, 102vh, 0);
}
to {
    transform: translate3d(50vw, -124vh, 0);
}
}
@keyframes move-frames-195 {
from {
    transform: translate3d(23vw, 102vh, 0);
}
to {
    transform: translate3d(50vw, -124vh, 0);
}
}
@-webkit-keyframes move-frames-196 {
from {
    transform: translate3d(7vw, 108vh, 0);
}
to {
    transform: translate3d(3vw, -114vh, 0);
}
}
@keyframes move-frames-196 {
from {
    transform: translate3d(7vw, 108vh, 0);
}
to {
    transform: translate3d(3vw, -114vh, 0);
}
}
@-webkit-keyframes move-frames-197 {
from {
    transform: translate3d(83vw, 102vh, 0);
}
to {
    transform: translate3d(64vw, -124vh, 0);
}
}
@keyframes move-frames-197 {
from {
    transform: translate3d(83vw, 102vh, 0);
}
to {
    transform: translate3d(64vw, -124vh, 0);
}
}
@-webkit-keyframes move-frames-198 {
    from {
        transform: translate3d(28vw, 109vh, 0);
    }
    to {
        transform: translate3d(41vw, -127vh, 0);
    }
}
@keyframes move-frames-198 {
from {
    transform: translate3d(28vw, 109vh, 0);
}
to {
    transform: translate3d(41vw, -127vh, 0);
}
}
@-webkit-keyframes move-frames-199 {
from {
    transform: translate3d(41vw, 110vh, 0);
}
to {
    transform: translate3d(70vw, -114vh, 0);
}
}
@keyframes move-frames-199 {
from {
    transform: translate3d(41vw, 110vh, 0);
}
to {
    transform: translate3d(70vw, -114vh, 0);
}
}
@-webkit-keyframes move-frames-200 {
from {
    transform: translate3d(47vw, 104vh, 0);
}
to {
    transform: translate3d(62vw, -126vh, 0);
}
}
@keyframes move-frames-200 {
from {
    transform: translate3d(47vw, 104vh, 0);
}
to {
    transform: translate3d(62vw, -126vh, 0);
}
}
@-webkit-keyframes message-frames {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes message-frames {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.circle-container:nth-child(198) .circle {
-webkit-animation-delay: 2099ms;
animation-delay: 2099ms;
}
.circle-container:nth-child(199) {
width: 4px;
height: 4px;
-webkit-animation-name: move-frames-199;
animation-name: move-frames-199;
-webkit-animation-duration: 28790ms;
animation-duration: 28790ms;
-webkit-animation-delay: 6683ms;
animation-delay: 6683ms;
}
.circle-container:nth-child(199) .circle {
-webkit-animation-delay: 2891ms;
animation-delay: 2891ms;
}
.circle-container:nth-child(200) {
width: 4px;
height: 4px;
-webkit-animation-name: move-frames-200;
animation-name: move-frames-200;
-webkit-animation-duration: 30247ms;
animation-duration: 30247ms;
-webkit-animation-delay: 19530ms;
animation-delay: 19530ms;
}
.circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 2341ms;
    animation-delay: 2341ms;
}

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

/*******************************************************************************************************************************************/

svg {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: visible;
}

.svg-icon {
  cursor: pointer;
}
.svg-icon path {
  stroke:  rgba(112, 48, 86, 0.6);
  fill: none;
  stroke-width: 1;
}

input, button {
  outline: none;
  border: none;
}

.cont {
    position: relative;
    overflow: hidden;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    height: min-content;
    flex: 0 0 auto;
}

.login {
  display: none;
  transition: opacity 0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25);
  transform: scale(1);
}
.login.inactive {
  opacity: 0;
  transform: scale(1.1);
}

.login.active {
  opacity: 1;
  transform: scale(1);
}
.login__check {
    position: absolute;
    top: 7rem;
    left: 6rem;
    width: 10rem;
    height: 2rem;
    background: #fff;
    transform-origin: 0 100%;
    transform: rotate(-45deg);
}
.login__check:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 2rem;
    height: 4rem;
    background: #fff;
    box-shadow: inset -0.2rem -2rem 2rem rgba(0, 0, 0, 0.2);
}
.login__form {
  text-align: center;
}
.login__row {
  padding-top: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.login__icon {
  margin-bottom: -0.4rem;
  margin-right: 0.5rem;
}
.login__icon.name path {
  stroke-dasharray: 73.50196075439453;
  stroke-dashoffset: 73.50196075439453;
  -webkit-animation: animatePath 2s 0.5s forwards;
          animation: animatePath 2s 0.5s forwards;
}
.login__icon.pass path {
  stroke-dasharray: 92.10662841796875;
  stroke-dashoffset: 92.10662841796875;
  -webkit-animation: animatePath 2s 0.5s forwards;
          animation: animatePath 2s 0.5s forwards;
}
.login__input, .login__row input {
  /*/display: inline-block;*/
  width: 12rem;
  /*height: 100%;*/
  padding-left: 1.5rem;
  background: transparent;
  color: #FDFCFD;
}

.login__submit:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  width: 3rem;
  height: 3rem;
  border: 2px dotted #fff;
  border-radius: 50%;
  border-left: none;
  border-bottom: none;
  transition: opacity 0.1s 0.4s;
  opacity: 0;
}
.login__submit.processing {
  width: 4rem;
  font-size: 0;
}
.login__submit.processing:after {
  opacity: 1;
  -webkit-animation: rotate 0.5s 0.4s infinite linear;
          animation: rotate 0.5s 0.4s infinite linear;
}
.login__submit.success {
  transition: transform 0.3s 0.1s ease-out, opacity 0.1s 0.3s, background-color 0.1s 0.3s;
  transform: scale(30);
  opacity: 0.9;
}
.login__submit.success:after {
  transition: opacity 0.1s 0s;
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
.login__signup {
  font-size: 1.2rem;
  color: #ABA8AE;
}
.login__signup a {
  color: #fff;
  cursor: pointer;
}

.app {
  /*opacity: 0;*/
  /*display: none;*/
  transition: opacity 0.1s, transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25);
  transform: scale(1.2);
}

.app.inactive {
  opacity: 0;
  transform: scale(1.1);
}
.app.active {
  opacity: 1;
  transform: scale(1);
}
.app.active .app__meeting {
  transform: translateY(0);
  opacity: 1;
}
.app.active .app__access {
  transform: scale(1);
}

.app__icon {
  position: absolute;
  top: 2rem;
}

.app__user-photo {
  transition: transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55);
}
.app__user-notif {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  line-height: 3rem;
  text-align: center;
  background: #50D2C2;
  color: #fff;
  font-size: 1.5rem;
}
.app__logout {
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
    transition: bottom 0.4s 0.1s, right 0.4s 0.1s, transform 0.4s 0.4s, opacity 0.1s 0.7s, background-color 0.1s 0.7s;
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
}
    /*transform: scale(0);*/


.app__access {
  cursor: pointer;
  transition: bottom 0.4s 0.1s, right 0.4s 0.1s, transform 0.4s 0.4s, opacity 0.1s 0.7s, background-color 0.1s 0.7s;
  transform: scale(1);
}
.app__logout:hover {
    background: rgba(250, 217, 87, 0.8);
    filter: brightness(110%);

}
.app__access.clicked, .app__logout.clicked {
  bottom: 50%;
  right: 50%;
  transform: scale(30) !important;
  opacity: 0.9;
}
.app__access.clicked, .app__logout.clicked svg {
  opacity: 0;
}
.app__logout  path {
  stroke-width: 4px;
  stroke-dasharray: 64.36235046386719;
  stroke-dashoffset: 64.36235046386719;
  -webkit-animation: animatePath 0.5s 0.5s forwards;
          animation: animatePath 0.5s 0.5s forwards;
}


.ripple {
  position: absolute;
  width: 15rem;
  height: 15rem;
  margin-left: -7.5rem;
  margin-top: -7.5rem;
  background: rgba(0, 0, 0, 0.4);
  transform: scale(0);
  -webkit-animation: animRipple 0.4s;
          animation: animRipple 0.4s;
  border-radius: 50%;
}

@-webkit-keyframes animRipple {
  to {
    transform: scale(3.5);
    opacity: 0;
  }
}

@keyframes animRipple {
  to {
    transform: scale(3.5);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes animatePath {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animatePath {
  to {
    stroke-dashoffset: 0;
  }
}
/* Styles normaux sans survol */
.spider.refresh {
  filter: opacity(0.5);
  transition: filter 0.3s ease; /* Ajoute une transition fluide */
}
.spider.refresh path{
    fill: cornsilk;
      transition: fill 0.3s ease; /* Ajoute une transition fluide */

}
/* Styles au survol */
.spider.refresh:hover {
    filter: brightness(1.2);
    cursor: progress;
}
.spider.refresh:hover path{
    fill:  rgba(250, 217, 87, 0.8);
}
/* Styles au survol */
.spider.refresh:focus {
    filter: brightness(0.8);
    cursor: progress;
}
.spider.refresh:focus path{
    fill:  rgba(250, 217, 87, 0.4);
}
.backed {
    z-index: 0!important;
}