body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  background-image: radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, rgb(2,0,19) 100%);
  background: -moz-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, rgb(2,0,19) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #27364f), color-stop(50%, rgb(2,0,19)), color-stop(100%, rgb(2,0,19)));
  background: -webkit-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, rgb(2,0,19) 100%);
  background: -o-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, rgb(2,0,19) 100%);
  background: -ms-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, rgb(2,0,19) 100%);
  filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=' #27364f ', endColorstr=' rgb(2,0,19) ',GradientType=1 )';
  background-position: 50% 0%;
  background-size: 150vmax 150vmax;
  background-repeat: no-repeat;
  background-color: rgb(2,0,19);

    /* allow scrolling on small screens */
  overflow-y: auto;
  /* use modern viewport units that account for mobile UI chrome */
  min-height: 100svh; /* or 100dvh */
}



.logo-wrapper{
  display: flex;
  justify-content: left;
  align-items: center;
    margin: 10px;
  position: absolute;
}

.logo{
  width: 110px;
  height: auto;
  opacity: 1;
}


.modal-box{
background-color:rgb(16,17,25);
border: 1px solid rgba(40,40,51,0.8);
height: fit-content;
font-family: "inter";
color:white;
border-radius: 18px;
z-index: 1000;

  width: min(500px, 92vw);
  padding: 30px;           /* a bit tighter on small screens */
  margin: 25px;            /* breathing room from edges */

}

.modal-box-wrapper{
width: 100%;
height:100%;
display: flex;
align-items: center; /* Centers vertically */
position:absolute;
justify-content: center; /* Centers horizontally */


 position: static;        /* avoid weird absolute behavior on mobile */
  min-height: 100svh;
  display: grid;
  place-items: center;     /* centers both axes */
  padding: 16px;           /* safe area */
}
* { box-sizing: border-box; }



.interactions{
margin:0;
    display:grid;
  grid-template-columns: 7fr 3fr; /* 70% / 30% */
  column-gap: 15px;
  width: 100%;
  margin: 0;
  padding: 0;
}

label { 
  width: 100%; margin: 0; padding: 0; }

  .std-input,
.std-button{
  min-width: 0;
  width: 100%;
  height: 40px;
  margin: 0;

  border-radius: 8px;
}

.std-input{
background-color: transparent;
border: 1px solid rgba(255,255,255,0.1);
color: #f4f0ff;
padding: 10px 16px;
border-radius: 8px;

font-family: "Inter";
font-size:100%;
         /* override the 70% */

}

input{
margin:0;
padding:0;

}

.std-button{
background: linear-gradient(180deg,rgba(243,238,255,0) 0%,rgba(243,238,255,.04) 100%),rgba(147,130,255,.01);
outline: 1px solid rgba(255,255,255,0.15);  
box-shadow: inset 0 0 12px #ffffff14;
border-radius: 8px;
font-family: "Inter";
font-size:100%;
color: white;          /* override the 40% */
border: none;
height:40px;
padding:0 16px;
  cursor: pointer;
}
button{ width: auto; }
.std-button{ width: 100%; } /* keep this, not 150px */

.std-button:active{
  background-color: white;
  color:white;
  transform: scale(0.98)
}


.std-input:hover{
background-color: rgba(255,255,255,0.05);

}

.std-button:hover{
box-shadow: inset 0 0 12px #ffffff14;
background: linear-gradient(180deg,rgba(243,238,255,0) 0%,rgba(243,238,255,.05) 100%),rgba(147,130,255,.04);
}


/* prevent input overflow in grid/flex */
.std-input, .std-button { min-width: 0; }

/* nicer focus ring for accessibility */
.std-input:focus,
.std-button:focus{
  outline: 2px solid rgba(147,130,255,0.6);
  outline-offset: 2px;
}

/* iOS tap highlight */
.std-button, .std-input{
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}

/* cursor and press feedback already set; keep it snappy */
.std-button{
  transition: transform 0.07s ease, box-shadow 0.07s ease, background 0.07s ease;
}



h1{
font-family: "Inter";
text-align: center;
font-size:200%;

}

p{
font-family: "Inter";
text-align: center;
font-size:90%;
color:rgb(255,255,255,0.6);
padding:10px;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}


#lottie-container {
  width: 60px;
  width: 60px;
  padding-top: 20px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 600px){
  .interactions{
    grid-template-columns: 1fr;   /* stack */
    column-gap: 0;
    row-gap: 12px;                 /* space between input and button */
    width: 100%;
  }

  .std-input,
  .std-button{
    height: 48px;                  /* comfortable touch size */
    font-size: 16px;               /* prevent iOS zoom on focus */
  }

  h1{ font-size: 1.6rem; }
  p { font-size: 0.95rem; padding: 6px 0; }
  #lottie-container{ padding-top: 8px; }
}


.stars .container {
  position: absolute;
  animation: stars linear infinite;
  height:100%;
  top: 0;
}
.stars .container .star {
  animation: twinkle linear infinite;
  border-radius: 100%;
  transform: translateZ(0);
}
.stars .container:nth-child(0) {
  width: 2px;
  height: 2px;
  left: 9vw;
  animation-delay: -999.3s;
  animation-duration: 75s;
}
.stars .container:nth-child(0) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.3s;
  animation-duration: 9.5s;
}

.stars .container:nth-child(1) {
  width: 3px;
  height: 3px;
  left: 35.5vw;
  animation-delay: -995.8666666666667s;
  animation-duration: 103.2s;

}
.stars .container:nth-child(1) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 12.2s;

}
.stars .container:nth-child(2) {
  width: 1px;
  height: 1px;
  left: 81.5vw;
  animation-delay: -992.6s;
  animation-duration: 284.2s;
}
.stars .container:nth-child(2) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.3s;
  animation-duration: 47.2s;

}
.stars .container:nth-child(3) {
  width: 2px;
  height: 2px;
  left: 0vw;
  animation-delay: -996.6s;
  animation-duration: 39.2s;

}
.stars .container:nth-child(3) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 46.9s;
    /**/
}
.stars .container:nth-child(4) {
  width: 1px;
  height: 1px;
  left: 67.5vw;
  animation-delay: -988.8s;
  animation-duration: 201.2s;
}
.stars .container:nth-child(4) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.6s;
  animation-duration: 16.5s;
    /**/
}
.stars .container:nth-child(5) {
  width: 1px;
  height: 1px;
  left: 86.5vw;
  animation-delay: -983s;
  animation-duration: 80.6s;
}
.stars .container:nth-child(5) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 25.4s;
    /**/
}
.stars .container:nth-child(6) {
  width: 3px;
  height: 3px;
  left: 69vw;
  animation-delay: -997.8666666666667s;
  animation-duration: 64.60000000000001s;
}
.stars .container:nth-child(6) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 49.7s;
    /**/
}
.stars .container:nth-child(7) {
  width: 3px;
  height: 3px;
  left: 2vw;
  animation-delay: -997s;
  animation-duration: 121.66666666666667s;
}
.stars .container:nth-child(7) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.6s;
  animation-duration: 22s;
    /**/
}
.stars .container:nth-child(8) {
  width: 1px;
  height: 1px;
  left: 45vw;
  animation-delay: -994.4s;
  animation-duration: 125.8s;
}
.stars .container:nth-child(8) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 28s;
    /**/
}
.stars .container:nth-child(9) {
  width: 2px;
  height: 2px;
  left: 84.5vw;
  animation-delay: -996.6s;
  animation-duration: 100.3s;
}
.stars .container:nth-child(9) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 38.4s;
      /**/
}
.stars .container:nth-child(10) {
  width: 2px;
  height: 2px;
  left: 83vw;
  animation-delay: -998s;
  animation-duration: 140.3s;
}
.stars .container:nth-child(10) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.9s;
  animation-duration: 31.5s;
    /**/
}
.stars .container:nth-child(11) {
  width: 2px;
  height: 2px;
  left: 32vw;
  animation-delay: -999.8s;
  animation-duration: 153.2s;
}
.stars .container:nth-child(11) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.1s;
  animation-duration: 27.4s;
      /**/
}
.stars .container:nth-child(12) {
  width: 3px;
  height: 3px;
  left: 73vw;
  animation-delay: -993.4666666666667s;
  animation-duration: 80.66666666666667s;
}
.stars .container:nth-child(12) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.9s;
  animation-duration: 38.3s;
    /**/
}
.stars .container:nth-child(13) {
  width: 3px;
  height: 3px;
  left: 73vw;
  animation-delay: -996.8s;
  animation-duration: 38.93333333333333s;
}
.stars .container:nth-child(13) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.1s;
  animation-duration: 17.4s;
    /**/
}
.stars .container:nth-child(14) {
  width: 2px;
  height: 2px;
  left: 40vw;
  animation-delay: -995.7s;
  animation-duration: 21.8s;
}
.stars .container:nth-child(14) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 13.6s;
    /**/
}
.stars .container:nth-child(15) {
  width: 2px;
  height: 2px;
  left: 84vw;
  animation-delay: -997.3s;
  animation-duration: 53.3s;
}
.stars .container:nth-child(15) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.3s;
  animation-duration: 25.5s;
    /**/
}
.stars .container:nth-child(16) {
  width: 3px;
  height: 3px;
  left: 5.5vw;
  animation-delay: -999.4s;
  animation-duration: 99.66666666666667s;
}
.stars .container:nth-child(16) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 26s;
     /**/
}
.stars .container:nth-child(17) {
  width: 2px;
  height: 2px;
  left: 36.5vw;
  animation-delay: -997s;
  animation-duration: 54.4s;
}
.stars .container:nth-child(17) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 32.4s;
    /**/
}
.stars .container:nth-child(18) {
  width: 3px;
  height: 3px;
  left: 41vw;
  animation-delay: -996.6666666666666s;
  animation-duration: 77.06666666666666s;
}
.stars .container:nth-child(18) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 34.2s;
    /**/
}
.stars .container:nth-child(19) {
  width: 1px;
  height: 1px;
  left: 4vw;
  animation-delay: -989.8s;
  animation-duration: 381.4s;
}
.stars .container:nth-child(19) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 18.3s;
    /**/
}
.stars .container:nth-child(20) {
  width: 3px;
  height: 3px;
  left: 45.5vw;
  animation-delay: -995.7333333333333s;
  animation-duration: 112.39999999999999s;
}
.stars .container:nth-child(20) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 20.8s;
    /**/
}
.stars .container:nth-child(21) {
  width: 3px;
  height: 3px;
  left: 65.5vw;
  animation-delay: -993.8s;
  animation-duration: 86.2s;
}
.stars .container:nth-child(21) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 31.3s;
    /**/
}
.stars .container:nth-child(22) {
  width: 3px;
  height: 3px;
  left: 14.5vw;
  animation-delay: -996.9333333333333s;
  animation-duration: 129.20000000000002s;
}
.stars .container:nth-child(22) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.6s;
  animation-duration: 27.6s;
      /**/
}
.stars .container:nth-child(23) {
  width: 1px;
  height: 1px;
  left: 32vw;
  animation-delay: -994.6s;
  animation-duration: 121.2s;
}
.stars .container:nth-child(23) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 25.2s;
    /**/
}
.stars .container:nth-child(24) {
  width: 3px;
  height: 3px;
  left: 91.5vw;
  animation-delay: -996.8666666666667s;
  animation-duration: 103.8s;
}
.stars .container:nth-child(24) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 40.6s;
    /**/
}
.stars .container:nth-child(25) {
  width: 2px;
  height: 2px;
  left: 48.5vw;
  animation-delay: -994.1s;
  animation-duration: 115.5s;
}
.stars .container:nth-child(25) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.4s;
  animation-duration: 31.5s;
    /**/
  
}
.stars .container:nth-child(26) {
  width: 1px;
  height: 1px;
  left: 24.5vw;
  animation-delay: -997s;
  animation-duration: 172.4s;
}
.stars .container:nth-child(26) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.8s;
  animation-duration: 48.5s;
  /*background: rgba(202,175,181,0.8);*/

}
.stars .container:nth-child(27) {
  width: 3px;
  height: 3px;
  left: 11vw;
  animation-delay: -998.5333333333333s;
  animation-duration: 85.66666666666667s;
}
.stars .container:nth-child(27) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 8.7s;
 /* background: rgba(241,218,212,0.7);*/
      /**/
}
.stars .container:nth-child(28) {
  width: 3px;
  height: 3px;
  left: 88.5vw;
  animation-delay: -994.7333333333333s;
  animation-duration: 35.53333333333333s;
}
.stars .container:nth-child(28) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 14s;
  /*background: rgba(209,231,135,0.8);*/
        /**/
}
.stars .container:nth-child(29) {
  width: 3px;
  height: 3px;
  left: 94vw;
  animation-delay: -996.3333333333334s;
  animation-duration: 72.66666666666667s;
}
.stars .container:nth-child(29) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 11.9s;
 /* background: rgba(250,188,206,0.7);*/
        /**/
}
.stars .container:nth-child(30) {
  width: 1px;
  height: 1px;
  left: 18.5vw;
  animation-delay: -993.4s;
  animation-duration: 145s;
}
.stars .container:nth-child(30) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 32.2s;
  /*background: rgba(230,210,110,0.8);*/
          /**/
}
.stars .container:nth-child(31) {
  width: 3px;
  height: 3px;
  left: 79vw;
  animation-delay: -995.6666666666666s;
  animation-duration: 121.60000000000001s;
}
.stars .container:nth-child(31) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.5s;
  animation-duration: 9.7s;
          /**/
}
.stars .container:nth-child(32) {
  width: 3px;
  height: 3px;
  left: 21.5vw;
  animation-delay: -997.6s;
  animation-duration: 70.06666666666666s;
}
.stars .container:nth-child(32) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.5s;
  animation-duration: 10.2s;
  /* background: rgba(247,243,232,0.7); */
            /**/
}
.stars .container:nth-child(33) {
  width: 2px;
  height: 2px;
  left: 31vw;
  animation-delay: -990.6s;
  animation-duration: 198.2s;
}
.stars .container:nth-child(33) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40s;
  animation-duration: 43.8s;
          /**/
}
.stars .container:nth-child(34) {
  width: 1px;
  height: 1px;
  left: 61.5vw;
  animation-delay: -987s;
  animation-duration: 77s;
}
.stars .container:nth-child(34) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 10.4s;
          /**/
}
.stars .container:nth-child(35) {
  width: 1px;
  height: 1px;
  left: 81vw;
  animation-delay: -997.8s;
  animation-duration: 67.6s;
}
.stars .container:nth-child(35) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 5.6s;
            /**/
  /* background: rgba(231,228,236,0.7); */
}
.stars .container:nth-child(36) {
  width: 3px;
  height: 3px;
  left: 28vw;
  animation-delay: -994.7333333333333s;
  animation-duration: 119.66666666666667s;
}
.stars .container:nth-child(36) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 23.6s;
            /**/
  /* background: rgba(255,159,201,0.7); */
}
.stars .container:nth-child(37) {
  width: 2px;
  height: 2px;
  left: 5vw;
  animation-delay: -996.8s;
  animation-duration: 158.8s;
}
.stars .container:nth-child(37) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 39.6s;
            /**/
  /* background: rgba(206,178,177,0.9); */
}
.stars .container:nth-child(38) {
  width: 3px;
  height: 3px;
  left: 55vw;
  animation-delay: -998.8s;
  animation-duration: 128.26666666666668s;
}
.stars .container:nth-child(38) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 38.7s;
            /**/
  /* background: rgba(213,183,211,0.7); */
}
.stars .container:nth-child(39) {
  width: 2px;
  height: 2px;
  left: 91vw;
  animation-delay: -998.9s;
  animation-duration: 149.8s;
}
.stars .container:nth-child(39) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.2s;
  animation-duration: 21.9s;
            /**/
  /* background: rgba(240,176,143,0.9); */
}
.stars .container:nth-child(40) {
  width: 1px;
  height: 1px;
  left: 62.5vw;
  animation-delay: -996.4s;
  animation-duration: 68.4s;
}
.stars .container:nth-child(40) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 47.7s;
            /**/
  /* background: rgba(215,177,158,0.9); */
}
.stars .container:nth-child(41) {
  width: 2px;
  height: 2px;
  left: 87vw;
  animation-delay: -999.7s;
  animation-duration: 80.6s;
}
.stars .container:nth-child(41) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 39.3s;
            /**/
  /* background: rgba(240,224,213,0.9); */
}
.stars .container:nth-child(42) {
  width: 3px;
  height: 3px;
  left: 49.5vw;
  animation-delay: -996s;
  animation-duration: 44.26666666666667s;
}
.stars .container:nth-child(42) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47s;
  animation-duration: 18.8s;
            /**/
  /* background: rgba(205,168,104,0.8); */
}
.stars .container:nth-child(43) {
  width: 3px;
  height: 3px;
  left: 88vw;
  animation-delay: -994.4s;
  animation-duration: 132.06666666666666s;
}
.stars .container:nth-child(43) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 37.6s;
            /**/
  /* background: rgba(250,217,103,0.9); */
}
.stars .container:nth-child(44) {
  width: 2px;
  height: 2px;
  left: 80.5vw;
  animation-delay: -995.4s;
  animation-duration: 44.6s;
}
.stars .container:nth-child(44) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 27.1s;
          /**/
}
.stars .container:nth-child(45) {
  width: 1px;
  height: 1px;
  left: 67.5vw;
  animation-delay: -996.6s;
  animation-duration: 195s;
}
.stars .container:nth-child(45) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 12s;
          /**/
}
.stars .container:nth-child(46) {
  width: 2px;
  height: 2px;
  left: 46vw;
  animation-delay: -998.5s;
  animation-duration: 52.7s;
}
.stars .container:nth-child(46) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.5s;
  animation-duration: 8.5s;
            /**/
  /* background: rgba(216,190,117,0.7); */
}
.stars .container:nth-child(47) {
  width: 3px;
  height: 3px;
  left: 95vw;
  animation-delay: -998s;
  animation-duration: 64.93333333333334s;
}
.stars .container:nth-child(47) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.5s;
  animation-duration: 45.3s;
            /**/
  /* background: rgba(241,250,102,0.9); */
}
.stars .container:nth-child(48) {
  width: 3px;
  height: 3px;
  left: 4.5vw;
  animation-delay: -999.7333333333333s;
  animation-duration: 79.86666666666666s;
}
.stars .container:nth-child(48) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 34.9s;
            /**/
  /* background: rgba(240,191,210,0.8); */
}
.stars .container:nth-child(49) {
  width: 1px;
  height: 1px;
  left: 90vw;
  animation-delay: -991s;
  animation-duration: 42s;
}
.stars .container:nth-child(49) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45s;
  animation-duration: 15.3s;
            /**/
  /* background: rgba(216,196,217,0.9); */
}
.stars .container:nth-child(50) {
  width: 2px;
  height: 2px;
  left: 10vw;
  animation-delay: -994s;
  animation-duration: 107.3s;
}
.stars .container:nth-child(50) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.6s;
  animation-duration: 42.7s;
            /**/
  /* background: rgba(202,215,134,0.7); */
}
.stars .container:nth-child(51) {
  width: 3px;
  height: 3px;
  left: 50vw;
  animation-delay: -999.8s;
  animation-duration: 117.73333333333333s;
}
.stars .container:nth-child(51) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 7.7s;
          /**/
}
.stars .container:nth-child(52) {
  width: 2px;
  height: 2px;
  left: 43.5vw;
  animation-delay: -993.7s;
  animation-duration: 131.2s;
}
.stars .container:nth-child(52) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 34.3s;
            /**/
  /* background: rgba(248,203,191,0.7); */
}
.stars .container:nth-child(53) {
  width: 2px;
  height: 2px;
  left: 71.5vw;
  animation-delay: -995.7s;
  animation-duration: 110.7s;
}
.stars .container:nth-child(53) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 21.9s;
  /* background: rgba(239,232,226,0.7); */
            /**/
}
.stars .container:nth-child(54) {
  width: 1px;
  height: 1px;
  left: 32.5vw;
  animation-delay: -982.4s;
  animation-duration: 226.4s;
}
.stars .container:nth-child(54) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.6s;
  animation-duration: 41s;
  /* background: rgba(245,200,244,0.7); */
            /**/
}
.stars .container:nth-child(55) {
  width: 3px;
  height: 3px;
  left: 62vw;
  animation-delay: -999.5333333333333s;
  animation-duration: 67.06666666666666s;
}
.stars .container:nth-child(55) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 36.3s;
  /* background: rgba(210,152,166,0.9); */
            /**/
}
.stars .container:nth-child(56) {
  width: 2px;
  height: 2px;
  left: 84.5vw;
  animation-delay: -992s;
  animation-duration: 99.1s;
}
.stars .container:nth-child(56) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.1s;
  animation-duration: 41.3s;
  /* background: rgba(240,169,252,0.8); */
            /**/
}
.stars .container:nth-child(57) {
  width: 2px;
  height: 2px;
  left: 32vw;
  animation-delay: -990.1s;
  animation-duration: 140.4s;
}
.stars .container:nth-child(57) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.2s;
  animation-duration: 29.8s;
  /* background: rgba(234,176,192,0.8); */
            /**/
}
.stars .container:nth-child(58) {
  width: 2px;
  height: 2px;
  left: 5vw;
  animation-delay: -992.1s;
  animation-duration: 181.3s;
}
.stars .container:nth-child(58) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 9.2s;
  /* background: rgba(231,218,240,0.7); */
            /**/
}
.stars .container:nth-child(59) {
  width: 1px;
  height: 1px;
  left: 64.5vw;
  animation-delay: -994.2s;
  animation-duration: 289.2s;
}
.stars .container:nth-child(59) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 34.6s;
           /**/
}
.stars .container:nth-child(60) {
  width: 2px;
  height: 2px;
  left: 56.5vw;
  animation-delay: -996.2s;
  animation-duration: 66.7s;
}
.stars .container:nth-child(60) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.1s;
  animation-duration: 17.2s;
  /* background: rgba(221,158,232,0.8); */
            /**/
}
.stars .container:nth-child(61) {
  width: 1px;
  height: 1px;
  left: 2.5vw;
  animation-delay: -981.2s;
  animation-duration: 367.4s;
}
.stars .container:nth-child(61) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 47.5s;
  /* background: rgba(200,230,165,0.8); */
            /**/
}
.stars .container:nth-child(62) {
  width: 1px;
  height: 1px;
  left: 11vw;
  animation-delay: -985.6s;
  animation-duration: 313.6s;
}
.stars .container:nth-child(62) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.4s;
  animation-duration: 17.6s;
  /* background: rgba(228,235,165,0.8); */
            /**/
}
.stars .container:nth-child(63) {
  width: 3px;
  height: 3px;
  left: 41.5vw;
  animation-delay: -995s;
  animation-duration: 101.53333333333335s;
}
.stars .container:nth-child(63) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.6s;
  animation-duration: 48.6s;
  /* background: rgba(207,205,161,0.9); */
            /**/
}
.stars .container:nth-child(64) {
  width: 2px;
  height: 2px;
  left: 43.5vw;
  animation-delay: -998s;
  animation-duration: 106.9s;
}
.stars .container:nth-child(64) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 20.7s;
  /* background: rgba(249,234,105,0.9); */
            /**/
}
.stars .container:nth-child(65) {
  width: 3px;
  height: 3px;
  left: 16vw;
  animation-delay: -996.2s;
  animation-duration: 121.39999999999999s;
}
.stars .container:nth-child(65) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.7s;
  animation-duration: 13.2s;
  /* background: rgba(234,252,133,0.9); */
            /**/
}
.stars .container:nth-child(66) {
  width: 3px;
  height: 3px;
  left: 89vw;
  animation-delay: -994.0666666666667s;
  animation-duration: 114.53333333333335s;
}
.stars .container:nth-child(66) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.5s;
  animation-duration: 34.1s;
  /* background: rgba(246,175,242,0.7); */
            /**/
}
.stars .container:nth-child(67) {
  width: 2px;
  height: 2px;
  left: 35.5vw;
  animation-delay: -997.6s;
  animation-duration: 67.5s;
}
.stars .container:nth-child(67) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 49.2s;
  /* background: rgba(228,193,155,0.7); */
            /**/
}
.stars .container:nth-child(68) {
  width: 1px;
  height: 1px;
  left: 45vw;
  animation-delay: -997.8s;
  animation-duration: 183.2s;
}
.stars .container:nth-child(68) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 30s;
  /* background: rgba(228,210,216,0.9); */
            /**/
}
.stars .container:nth-child(69) {
  width: 3px;
  height: 3px;
  left: 92vw;
  animation-delay: -996.7333333333333s;
  animation-duration: 17.466666666666665s;
}
.stars .container:nth-child(69) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.8s;
  animation-duration: 16.8s;
  /* background: rgba(227,233,139,0.8); */
            /**/
}
.stars .container:nth-child(70) {
  width: 2px;
  height: 2px;
  left: 80.5vw;
  animation-delay: -999.3s;
  animation-duration: 37.7s;
}
.stars .container:nth-child(70) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.7s;
  animation-duration: 38s;
            /**/
  /* background: rgba(206,160,158,0.8); */
}
.stars .container:nth-child(71) {
  width: 1px;
  height: 1px;
  left: 98vw;
  animation-delay: -989.6s;
  animation-duration: 125.8s;
}
.stars .container:nth-child(71) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.4s;
  animation-duration: 38.8s;
            /**/
  /* background: rgba(245,174,203,0.7); */
}
.stars .container:nth-child(72) {
  width: 3px;
  height: 3px;
  left: 78vw;
  animation-delay: -998.6s;
  animation-duration: 21.8s;
}
.stars .container:nth-child(72) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.3s;
  animation-duration: 41.5s;
            /**/
  /* background: rgba(227,192,127,0.7); */
}
.stars .container:nth-child(73) {
  width: 2px;
  height: 2px;
  left: 43vw;
  animation-delay: -991.8s;
  animation-duration: 134s;
}
.stars .container:nth-child(73) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 16.1s;
            /**/
  /* background: #e29eab; */
}
.stars .container:nth-child(74) {
  width: 2px;
  height: 2px;
  left: 48vw;
  animation-delay: -998.7s;
  animation-duration: 164.8s;
}
.stars .container:nth-child(74) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.1s;
  animation-duration: 48.4s;
            /**/
  /* background: rgba(222,199,120,0.7); */
}
.stars .container:nth-child(75) {
  width: 3px;
  height: 3px;
  left: 26vw;
  animation-delay: -995.4s;
  animation-duration: 84.53333333333333s;
}
.stars .container:nth-child(75) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 41.8s;
            /**/
  /* background: rgba(207,209,219,0.8); */
}
.stars .container:nth-child(76) {
  width: 1px;
  height: 1px;
  left: 26.5vw;
  animation-delay: -988.2s;
  animation-duration: 82.8s;
}
.stars .container:nth-child(76) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.8s;
  animation-duration: 20.8s;
            /**/
  /* background: rgba(213,236,117,0.7); */
}
.stars .container:nth-child(77) {
  width: 3px;
  height: 3px;
  left: 2vw;
  animation-delay: -993.3333333333334s;
  animation-duration: 110.8s;
}
.stars .container:nth-child(77) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.1s;
  animation-duration: 24.2s;
            /**/
  /* background: rgba(226,241,119,0.7); */
}
.stars .container:nth-child(78) {
  width: 3px;
  height: 3px;
  left: 75.5vw;
  animation-delay: -997.6s;
  animation-duration: 49.53333333333333s;
}
.stars .container:nth-child(78) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 24s;
          /**/
}
.stars .container:nth-child(79) {
  width: 1px;
  height: 1px;
  left: 77.5vw;
  animation-delay: -988s;
  animation-duration: 348s;
}
.stars .container:nth-child(79) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.6s;
  animation-duration: 47.7s;
            /**/
  /* background: rgba(226,153,194,0.8); */
}
.stars .container:nth-child(80) {
  width: 2px;
  height: 2px;
  left: 46.5vw;
  animation-delay: -998.6s;
  animation-duration: 157.6s;
}
.stars .container:nth-child(80) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 24.2s;
  /* background: rgba(226,227,245,0.8); */
            /**/
}
.stars .container:nth-child(81) {
  width: 2px;
  height: 2px;
  left: 11vw;
  animation-delay: -993.2s;
  animation-duration: 166.2s;
}
.stars .container:nth-child(81) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.2s;
  animation-duration: 27.9s;
  /* background: rgba(246,221,188,0.7); */
            /**/
}
.stars .container:nth-child(82) {
  width: 3px;
  height: 3px;
  left: 7vw;
  animation-delay: -998.8666666666667s;
  animation-duration: 35.199999999999996s;
}
.stars .container:nth-child(82) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47s;
  animation-duration: 43.2s;
          /**/
}
.stars .container:nth-child(83) {
  width: 1px;
  height: 1px;
  left: 81vw;
  animation-delay: -991s;
  animation-duration: 51.2s;
}
.stars .container:nth-child(83) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.5s;
  animation-duration: 12.5s;
  /* background: rgba(255,254,105,0.9); */
            /**/
}
.stars .container:nth-child(84) {
  width: 2px;
  height: 2px;
  left: 31vw;
  animation-delay: -990.4s;
  animation-duration: 179.6s;
}
.stars .container:nth-child(84) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.2s;
  animation-duration: 25.3s;
  /* background: #f4d5da; */
            /**/
}
.stars .container:nth-child(85) {
  width: 2px;
  height: 2px;
  left: 24vw;
  animation-delay: -998.2s;
  animation-duration: 130.6s;
}
.stars .container:nth-child(85) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.7s;
  animation-duration: 23.5s;
  /* background: rgba(240,167,117,0.7); */
            /**/
}
.stars .container:nth-child(86) {
  width: 1px;
  height: 1px;
  left: 95.5vw;
  animation-delay: -994s;
  animation-duration: 375.8s;
}
.stars .container:nth-child(86) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 24.8s;
          /**/
}
.stars .container:nth-child(87) {
  width: 2px;
  height: 2px;
  left: 63.5vw;
  animation-delay: -990.7s;
  animation-duration: 148.3s;
}
.stars .container:nth-child(87) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.5s;
  animation-duration: 21.8s;
  /* background: rgba(200,230,172,0.8); */
            /**/
}
.stars .container:nth-child(88) {
  width: 3px;
  height: 3px;
  left: 69vw;
  animation-delay: -994.9333333333333s;
  animation-duration: 131.93333333333334s;
}
.stars .container:nth-child(88) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.4s;
  animation-duration: 22.3s;
  /* background: rgba(241,173,222,0.8); */
            /**/
}
.stars .container:nth-child(89) {
  width: 1px;
  height: 1px;
  left: 74.5vw;
  animation-delay: -995.4s;
  animation-duration: 134.4s;
}
.stars .container:nth-child(89) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.1s;
  animation-duration: 46s;
  /* background: rgba(219,159,155,0.8); */
            /**/
}
.stars .container:nth-child(90) {
  width: 1px;
  height: 1px;
  left: 57.5vw;
  animation-delay: -988.6s;
  animation-duration: 221s;
}
.stars .container:nth-child(90) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.6s;
  animation-duration: 46.7s;
          /**/
}
.stars .container:nth-child(91) {
  width: 1px;
  height: 1px;
  left: 20vw;
  animation-delay: -989.4s;
  animation-duration: 321.2s;
}
.stars .container:nth-child(91) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49s;
  animation-duration: 33.2s;
          /**/
}
.stars .container:nth-child(92) {
  width: 3px;
  height: 3px;
  left: 81vw;
  animation-delay: -999.0666666666667s;
  animation-duration: 52.53333333333333s;
}
.stars .container:nth-child(92) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44s;
  animation-duration: 15.1s;
            /**/
  /* background: rgba(226,163,112,0.7); */
}
.stars .container:nth-child(93) {
  width: 2px;
  height: 2px;
  left: 71.5vw;
  animation-delay: -999.9s;
  animation-duration: 70.2s;
}
.stars .container:nth-child(93) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.8s;
  animation-duration: 5.8s;
          /**/
}
.stars .container:nth-child(94) {
  width: 1px;
  height: 1px;
  left: 45vw;
  animation-delay: -992.2s;
  animation-duration: 140s;
}
.stars .container:nth-child(94) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 16.8s;
            /**/
  /* background: rgba(225,200,251,0.7); */
}
.stars .container:nth-child(95) {
  width: 1px;
  height: 1px;
  left: 94.5vw;
  animation-delay: -985.4s;
  animation-duration: 185.4s;
}
.stars .container:nth-child(95) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.7s;
  animation-duration: 27.7s;
            /**/
  /* background: rgba(221,184,238,0.8); */
}
.stars .container:nth-child(96) {
  width: 1px;
  height: 1px;
  left: 62.5vw;
  animation-delay: -982.4s;
  animation-duration: 277.6s;
}
.stars .container:nth-child(96) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.9s;
  animation-duration: 15.6s;
            /**/
  /* background: rgba(217,154,145,0.9); */
}
.stars .container:nth-child(97) {
  width: 1px;
  height: 1px;
  left: 64vw;
  animation-delay: -982.8s;
  animation-duration: 259.2s;
}
.stars .container:nth-child(97) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 46s;
            /**/
  /* background: rgba(204,164,216,0.8); */
}
.stars .container:nth-child(98) {
  width: 2px;
  height: 2px;
  left: 56vw;
  animation-delay: -995s;
  animation-duration: 51.9s;
}
.stars .container:nth-child(98) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 23.3s;

  /* background: rgba(226,186,122,0.8); */
}
.stars .container:nth-child(99) {
  width: 3px;
  height: 3px;
  left: 95vw;
  animation-delay: -996.8666666666667s;
  animation-duration: 50.333333333333336s;
}
.stars .container:nth-child(99) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 45.1s;
         
  /* background: rgba(231,214,179,0.8); */
}
.stars .container:nth-child(100) {
  width: 3px;
  height: 3px;
  left: 55.5vw;
  animation-delay: -997.2666666666667s;
  animation-duration: 125.86666666666667s;
}
.stars .container:nth-child(100) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.6s;
  animation-duration: 35.9s;
     
}


.stars .container:nth-child(101) {
  width: 3px;
  height: 3px;
  left: 35.5vw;
  animation-delay: -995.8666666666667s;
  animation-duration: 103.2s;

}
.stars .container:nth-child(101) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.9s;
  animation-duration: 12.2s;

}
.stars .container:nth-child(102) {
  width: 1px;
  height: 1px;
  left: 81.5vw;
  animation-delay: -992.6s;
  animation-duration: 284.2s;
}
.stars .container:nth-child(102) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.3s;
  animation-duration: 47.2s;

}
.stars .container:nth-child(103) {
  width: 2px;
  height: 2px;
  left: 0vw;
  animation-delay: -996.6s;
  animation-duration: 39.2s;

}
.stars .container:nth-child(103) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.5s;
  animation-duration: 46.9s;
    /**/
}
.stars .container:nth-child(104) {
  width: 1px;
  height: 1px;
  left: 67.5vw;
  animation-delay: -988.8s;
  animation-duration: 201.2s;
}
.stars .container:nth-child(104) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.6s;
  animation-duration: 16.5s;
    /**/
}
.stars .container:nth-child(105) {
  width: 1px;
  height: 1px;
  left: 86.5vw;
  animation-delay: -983s;
  animation-duration: 80.6s;
}
.stars .container:nth-child(105) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.1s;
  animation-duration: 25.4s;
    /**/
}
.stars .container:nth-child(106) {
  width: 3px;
  height: 3px;
  left: 69vw;
  animation-delay: -997.8666666666667s;
  animation-duration: 64.60000000000001s;
}
.stars .container:nth-child(106) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 49.7s;
    /**/
}
.stars .container:nth-child(107) {
  width: 3px;
  height: 3px;
  left: 2vw;
  animation-delay: -997s;
  animation-duration: 121.66666666666667s;
}
.stars .container:nth-child(107) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.6s;
  animation-duration: 22s;
    /**/
}
.stars .container:nth-child(108) {
  width: 1px;
  height: 1px;
  left: 45vw;
  animation-delay: -994.4s;
  animation-duration: 125.8s;
}
.stars .container:nth-child(108) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 28s;
    /**/
}
.stars .container:nth-child(109) {
  width: 2px;
  height: 2px;
  left: 84.5vw;
  animation-delay: -996.6s;
  animation-duration: 100.3s;
}
.stars .container:nth-child(109) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.6s;
  animation-duration: 38.4s;
      /**/
}
.stars .container:nth-child(110) {
  width: 2px;
  height: 2px;
  left: 83vw;
  animation-delay: -998s;
  animation-duration: 140.3s;
}
.stars .container:nth-child(110) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.9s;
  animation-duration: 31.5s;
    /**/
}
.stars .container:nth-child(111) {
  width: 2px;
  height: 2px;
  left: 32vw;
  animation-delay: -999.8s;
  animation-duration: 153.2s;
}
.stars .container:nth-child(111) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.1s;
  animation-duration: 27.4s;
      /**/
}
.stars .container:nth-child(112) {
  width: 3px;
  height: 3px;
  left: 73vw;
  animation-delay: -993.4666666666667s;
  animation-duration: 80.66666666666667s;
}
.stars .container:nth-child(112) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.9s;
  animation-duration: 38.3s;
    /**/
}
.stars .container:nth-child(113) {
  width: 3px;
  height: 3px;
  left: 73vw;
  animation-delay: -996.8s;
  animation-duration: 38.93333333333333s;
}
.stars .container:nth-child(113) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.1s;
  animation-duration: 17.4s;
    /**/
}
.stars .container:nth-child(114) {
  width: 2px;
  height: 2px;
  left: 40vw;
  animation-delay: -995.7s;
  animation-duration: 21.8s;
}
.stars .container:nth-child(114) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.2s;
  animation-duration: 13.6s;
    /**/
}
.stars .container:nth-child(115) {
  width: 2px;
  height: 2px;
  left: 84vw;
  animation-delay: -997.3s;
  animation-duration: 53.3s;
}
.stars .container:nth-child(115) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.3s;
  animation-duration: 25.5s;
    /**/
}
.stars .container:nth-child(116) {
  width: 3px;
  height: 3px;
  left: 5.5vw;
  animation-delay: -999.4s;
  animation-duration: 99.66666666666667s;
}
.stars .container:nth-child(116) .star {
  width: inherit;
  height: inherit;
  animation-delay: -43.4s;
  animation-duration: 26s;
     /**/
}
.stars .container:nth-child(117) {
  width: 2px;
  height: 2px;
  left: 36.5vw;
  animation-delay: -997s;
  animation-duration: 54.4s;
}
.stars .container:nth-child(117) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 32.4s;
    /**/
}
.stars .container:nth-child(118) {
  width: 3px;
  height: 3px;
  left: 41vw;
  animation-delay: -996.6666666666666s;
  animation-duration: 77.06666666666666s;
}
.stars .container:nth-child(118) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 34.2s;
    /**/
}
.stars .container:nth-child(119) {
  width: 1px;
  height: 1px;
  left: 4vw;
  animation-delay: -989.8s;
  animation-duration: 381.4s;
}
.stars .container:nth-child(119) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.6s;
  animation-duration: 18.3s;
    /**/
}
.stars .container:nth-child(120) {
  width: 3px;
  height: 3px;
  left: 45.5vw;
  animation-delay: -995.7333333333333s;
  animation-duration: 112.39999999999999s;
}
.stars .container:nth-child(120) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.9s;
  animation-duration: 20.8s;
    /**/
}
.stars .container:nth-child(121) {
  width: 3px;
  height: 3px;
  left: 65.5vw;
  animation-delay: -993.8s;
  animation-duration: 86.2s;
}
.stars .container:nth-child(121) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.6s;
  animation-duration: 31.3s;
    /**/
}
.stars .container:nth-child(122) {
  width: 3px;
  height: 3px;
  left: 14.5vw;
  animation-delay: -996.9333333333333s;
  animation-duration: 129.20000000000002s;
}
.stars .container:nth-child(122) .star {
  width: inherit;
  height: inherit;
  animation-delay: -49.6s;
  animation-duration: 27.6s;
      /**/
}
.stars .container:nth-child(123) {
  width: 1px;
  height: 1px;
  left: 32vw;
  animation-delay: -994.6s;
  animation-duration: 121.2s;
}
.stars .container:nth-child(123) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.7s;
  animation-duration: 25.2s;
    /**/
}
.stars .container:nth-child(124) {
  width: 3px;
  height: 3px;
  left: 91.5vw;
  animation-delay: -996.8666666666667s;
  animation-duration: 103.8s;
}
.stars .container:nth-child(124) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 40.6s;
    /**/
}
.stars .container:nth-child(125) {
  width: 2px;
  height: 2px;
  left: 48.5vw;
  animation-delay: -994.1s;
  animation-duration: 115.5s;
}
.stars .container:nth-child(125) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.4s;
  animation-duration: 31.5s;
    /**/
  
}
.stars .container:nth-child(126) {
  width: 1px;
  height: 1px;
  left: 24.5vw;
  animation-delay: -997s;
  animation-duration: 172.4s;
}
.stars .container:nth-child(126) .star {
  width: inherit;
  height: inherit;
  animation-delay: -44.8s;
  animation-duration: 48.5s;
  /*background: rgba(202,175,181,0.8);*/

}
.stars .container:nth-child(127) {
  width: 3px;
  height: 3px;
  left: 11vw;
  animation-delay: -998.5333333333333s;
  animation-duration: 85.66666666666667s;
}
.stars .container:nth-child(127) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.9s;
  animation-duration: 8.7s;
 /* background: rgba(241,218,212,0.7);*/
      /**/
}
.stars .container:nth-child(128) {
  width: 3px;
  height: 3px;
  left: 88.5vw;
  animation-delay: -994.7333333333333s;
  animation-duration: 35.53333333333333s;
}
.stars .container:nth-child(128) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 14s;
  /*background: rgba(209,231,135,0.8);*/
        /**/
}
.stars .container:nth-child(129) {
  width: 3px;
  height: 3px;
  left: 94vw;
  animation-delay: -996.3333333333334s;
  animation-duration: 72.66666666666667s;
}
.stars .container:nth-child(129) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.4s;
  animation-duration: 11.9s;
 /* background: rgba(250,188,206,0.7);*/
        /**/
}
.stars .container:nth-child(130) {
  width: 1px;
  height: 1px;
  left: 18.5vw;
  animation-delay: -993.4s;
  animation-duration: 145s;
}
.stars .container:nth-child(130) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.1s;
  animation-duration: 32.2s;
  /*background: rgba(230,210,110,0.8);*/
          /**/
}
.stars .container:nth-child(131) {
  width: 3px;
  height: 3px;
  left: 79vw;
  animation-delay: -995.6666666666666s;
  animation-duration: 121.60000000000001s;
}
.stars .container:nth-child(131) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.5s;
  animation-duration: 9.7s;
          /**/
}
.stars .container:nth-child(132) {
  width: 3px;
  height: 3px;
  left: 21.5vw;
  animation-delay: -997.6s;
  animation-duration: 70.06666666666666s;
}
.stars .container:nth-child(132) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.5s;
  animation-duration: 10.2s;
  /* background: rgba(247,243,232,0.7); */
            /**/
}
.stars .container:nth-child(133) {
  width: 2px;
  height: 2px;
  left: 31vw;
  animation-delay: -990.6s;
  animation-duration: 198.2s;
}
.stars .container:nth-child(133) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40s;
  animation-duration: 43.8s;
          /**/
}
.stars .container:nth-child(134) {
  width: 1px;
  height: 1px;
  left: 61.5vw;
  animation-delay: -987s;
  animation-duration: 77s;
}
.stars .container:nth-child(134) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 10.4s;
          /**/
}
.stars .container:nth-child(135) {
  width: 1px;
  height: 1px;
  left: 81vw;
  animation-delay: -997.8s;
  animation-duration: 67.6s;
}
.stars .container:nth-child(135) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42s;
  animation-duration: 5.6s;
            /**/
  /* background: rgba(231,228,236,0.7); */
}
.stars .container:nth-child(136) {
  width: 3px;
  height: 3px;
  left: 28vw;
  animation-delay: -994.7333333333333s;
  animation-duration: 119.66666666666667s;
}
.stars .container:nth-child(136) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.7s;
  animation-duration: 23.6s;
            /**/
  /* background: rgba(255,159,201,0.7); */
}
.stars .container:nth-child(137) {
  width: 2px;
  height: 2px;
  left: 5vw;
  animation-delay: -996.8s;
  animation-duration: 158.8s;
}
.stars .container:nth-child(137) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.2s;
  animation-duration: 39.6s;
            /**/
  /* background: rgba(206,178,177,0.9); */
}
.stars .container:nth-child(138) {
  width: 3px;
  height: 3px;
  left: 55vw;
  animation-delay: -998.8s;
  animation-duration: 128.26666666666668s;
}
.stars .container:nth-child(138) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.3s;
  animation-duration: 38.7s;
            /**/
  /* background: rgba(213,183,211,0.7); */
}
.stars .container:nth-child(139) {
  width: 2px;
  height: 2px;
  left: 91vw;
  animation-delay: -998.9s;
  animation-duration: 149.8s;
}
.stars .container:nth-child(139) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47.2s;
  animation-duration: 21.9s;
            /**/
  /* background: rgba(240,176,143,0.9); */
}
.stars .container:nth-child(140) {
  width: 1px;
  height: 1px;
  left: 62.5vw;
  animation-delay: -996.4s;
  animation-duration: 68.4s;
}
.stars .container:nth-child(140) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 47.7s;
            /**/
  /* background: rgba(215,177,158,0.9); */
}
.stars .container:nth-child(141) {
  width: 2px;
  height: 2px;
  left: 87vw;
  animation-delay: -999.7s;
  animation-duration: 80.6s;
}
.stars .container:nth-child(141) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.5s;
  animation-duration: 39.3s;
            /**/
  /* background: rgba(240,224,213,0.9); */
}
.stars .container:nth-child(142) {
  width: 3px;
  height: 3px;
  left: 49.5vw;
  animation-delay: -996s;
  animation-duration: 44.26666666666667s;
}
.stars .container:nth-child(142) .star {
  width: inherit;
  height: inherit;
  animation-delay: -47s;
  animation-duration: 18.8s;
            /**/
  /* background: rgba(205,168,104,0.8); */
}
.stars .container:nth-child(143) {
  width: 3px;
  height: 3px;
  left: 88vw;
  animation-delay: -994.4s;
  animation-duration: 132.06666666666666s;
}
.stars .container:nth-child(143) .star {
  width: inherit;
  height: inherit;
  animation-delay: -40.1s;
  animation-duration: 37.6s;
            /**/
  /* background: rgba(250,217,103,0.9); */
}
.stars .container:nth-child(144) {
  width: 2px;
  height: 2px;
  left: 80.5vw;
  animation-delay: -995.4s;
  animation-duration: 44.6s;
}
.stars .container:nth-child(144) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.4s;
  animation-duration: 27.1s;
          /**/
}
.stars .container:nth-child(145) {
  width: 1px;
  height: 1px;
  left: 67.5vw;
  animation-delay: -996.6s;
  animation-duration: 195s;
}
.stars .container:nth-child(145) .star {
  width: inherit;
  height: inherit;
  animation-delay: -42.8s;
  animation-duration: 12s;
          /**/
}
.stars .container:nth-child(146) {
  width: 2px;
  height: 2px;
  left: 46vw;
  animation-delay: -998.5s;
  animation-duration: 52.7s;
}
.stars .container:nth-child(146) .star {
  width: inherit;
  height: inherit;
  animation-delay: -48.5s;
  animation-duration: 8.5s;
            /**/
  /* background: rgba(216,190,117,0.7); */
}
.stars .container:nth-child(147) {
  width: 3px;
  height: 3px;
  left: 95vw;
  animation-delay: -998s;
  animation-duration: 64.93333333333334s;
}
.stars .container:nth-child(147) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45.5s;
  animation-duration: 45.3s;
            /**/
  /* background: rgba(241,250,102,0.9); */
}
.stars .container:nth-child(148) {
  width: 3px;
  height: 3px;
  left: 4.5vw;
  animation-delay: -999.7333333333333s;
  animation-duration: 79.86666666666666s;
}
.stars .container:nth-child(148) .star {
  width: inherit;
  height: inherit;
  animation-delay: -41.4s;
  animation-duration: 34.9s;
            /**/
  /* background: rgba(240,191,210,0.8); */
}
.stars .container:nth-child(149) {
  width: 1px;
  height: 1px;
  left: 90vw;
  animation-delay: -991s;
  animation-duration: 42s;
}
.stars .container:nth-child(149) .star {
  width: inherit;
  height: inherit;
  animation-delay: -45s;
  animation-duration: 15.3s;
            /**/
  /* background: rgba(216,196,217,0.9); */
}
.stars .container:nth-child(150) {
  width: 2px;
  height: 2px;
  left: 10vw;
  animation-delay: -994s;
  animation-duration: 107.3s;
}
.stars .container:nth-child(150) .star {
  width: inherit;
  height: inherit;
  animation-delay: -46.6s;
  animation-duration: 42.7s;
            /**/
  /* background: rgba(202,215,134,0.7); */
}





@-moz-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-webkit-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-o-keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@keyframes stars {
  0% {
    transform: translateY(110vh) translateZ(0);
  }
  100% {
    transform: translateY(-10vh) translateZ(0);
  }
}
@-moz-keyframes twinkle {
  0%, 80%, 100% {
    opacity: 0.3;
   
  }
  95% {
    opacity: 1;

  }
}
@-webkit-keyframes twinkle {
  0%, 80%, 100% {
    opacity: 0.2;

  }
  95% {
    opacity: .8;
  
  }
}
@-o-keyframes twinkle {
  0%, 80%, 100% {
    opacity: 0.1;

  }
  95% {
 opacity: .8;

  }
}
@keyframes twinkle {
  0%, 80%, 100% {
    opacity: 0.2;
  
  }
  95% {
 opacity: .8;
 
  }
}