:root {
    --bg: #3c465c;
    --primary: #78ffcd;
    --solid: #fff;
    --btn-w: 10em;
    --dot-w: calc(var(--btn-w) * 0.2);
    --tr-X: calc(var(--btn-w) - var(--dot-w));
    --time-atoms: 4s;
}

/* TRAEMOS LAS FUENTES QUE ESTAN EN LA CARPETA CSS*/
@font-face {
    font-family: 'Gotham Rounded Bold';
    src: url('../fonts/Gotham Rounded Bold.otf');
}

@font-face {
    font-family: 'Gotham Rounded Light Italic';
    src: url('../fonts/Gotham Rounded Light Italic.otf');
}

@font-face {
    font-family: 'Gotham Rounded Light';
    src: url('../fonts/Gotham Rounded Light.otf');
}

@font-face {
    font-family: 'Gotham Rounded Medium Italic';
    src: url('../fonts/Gotham Rounded Medium Italic.otf');
}

@font-face {
    font-family: 'Gotham Rounded Medium';
    src: url('../fonts/Gotham Rounded Medium.otf');
}

@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('../fonts/GothamRounded-Book.otf');
}

@font-face {
    font-family: 'Gotham Rounded Medium';
    src: url('../fonts/GothamRounded-Medium.otf');
}

/* =============================== */
/* ANUNCIO */
/* =============================== */

.tooltip {
    position: absolute;
    font-size: 14px;
    background: #000000cf;
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    max-width: 160px;
    font-size: 13px;
    font-family: 'Gotham Rounded Light';
}

/* =============================== */
/* PRECARGA */
/* =============================== */

.precarga{
     height: 100vh;
     width: 100%;
     background-color: #0d0c1a;
     background-image: url(../img/universo.webp);
     /* HACEMNOS QUE LA IMAGEN OCUPE EL TOTAL DEL ANCHO */
     background-size: cover;
     /* HACEMOS QUE LA IMAGEN SE REPITA EN VERTICAL */
     background-repeat: no-repeat;
     /* HACEMOS QUE LA IMAGEN SE ADAPTE AL ANCHO DE LA PANTALLA */
     background-attachment: fixed;
     /* HACEMOS QUE LA IMAGEN SE ADAPTE AL ALTO DE LA PANTALLA */
     background-position: center center;
     overflow-x: hidden;
     position: absolute;
     top: 0;
    left: 0;
     margin: 0px;
 
     overflow-x: hidden;
     overflow-y: hidden;
     z-index: 1000000000000000000000000;
}

.robot_volando_precarga{

    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.8);
    transition: all 0.4s ease-in-out;
    transform: rotate(15deg);
    opacity: 0;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: bajando_estrella_entrada 3s;
}

.robot_volando_precarga:after,
.robot_volando_precarga:before {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(to left, transparent, white, transparent);
    left: -34px;
    top: calc(50% - 1px);
    width: 80px;
    height: 2px;
}
.robot_volando_precarga:before {
    width: 2px;
    height: 80px;
    left: calc(50% - 1px);
    top: -34px;
    background-image: linear-gradient(to bottom, transparent, white, transparent);
}

.texto_precarga{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 100%; */
    /* height: 100%; */
    color: white;
    animation: texto_precarga 1s infinite;
}



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


@keyframes bajando_estrella_entrada {
    0% {
        top: 0;
        left: 0;
        transform: scale(0.1) rotate(-200deg);
        opacity: 1;
    }

    55% {
        transform: scale(0.8) rotate(180deg);
    }

    85% {
        transform: scale(1.5);
        opacity: 1;
    }

    98% {
        opacity: 0.5;
    }

    100% {
        top: 50%;
        left: 50%;
        transform: scale(0.1) rotate(-200deg);
        opacity: 0;
    }
}

.fondo_img_robot_volando_precarga{
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.8);
    transform: rotate(15deg);
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* animation: bajando_estrella_entrada 3s; */
    animation:robot_balanceo 1s infinite, aparecer_robot_preload 3.5s linear;
    
}

@keyframes aparecer_robot_preload {
    0% {
        opacity: 0;
        /* transform: rotate(0deg); */
    }

    98% {
        opacity: 0;
        /* transform: rotate(0deg); */
        transform: scale(0.8);
    }

    99%{
        opacity: 0;
        /* transform: rotate(0deg); */
        transform: scale(0.5);
    }
    
    100% {
        opacity: 1;
        transform: scale(0.1);
    }
}

.fondo_img_robot_volando_desaparecer{
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.8);
    transform: rotate(15deg);
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation:desaparecer_robot_preload 7.5s linear;
}

@keyframes desaparecer_robot_preload {
    0% {
        top:50%;
        left:50%;
    }

    15%{
        top:50%;
        left:50%;
    }

    30%{
        left: 140%;
        top: 20%;
        transform: rotate(25deg);
    }
    
    100% {
        left: 100%;
        top: 0%;
        transform: rotate(25deg);
    }
}

.img_robot_volando_precarga{

    transition: all 0.4s ease-in-out;
    transform: rotate(15deg);

    width: 200px;
    opacity: 1;
    
    transform: translate(-50%, -50%);
    /* creamos un delay y luego una animacion donde aparece y se balancea */
    /* animation: apareciendo_robot 10s linear, robot_balanceo 1s infinite; */
    animation: apareciendo_robot 2s linear;
    animation-delay: 3.5s;
    /* filter: hue-rotate(45deg); */
}

@keyframes quitar_opacidad_luz {
    0% {
        top:50%;
        left:50%;
        opacity: 0;
        /* transform: rotate(0deg); */
    }

    18% {
        top:50%;
        left:50%;
        opacity: 0;
        /* transform: rotate(0deg); */
    }

    25%{
        top:50%;
        left:50%;
        opacity: 1;
        /* transform: rotate(0deg); */
    }

    90%{
        top:50%;
        left:50%;
        opacity: 1;
        transform: rotate(0deg);
    }

    95%{
        top:30%;
        left:70%;
        opacity: 1;
        transform: rotate(20deg);
    }
    
    100% {
        left: 100%;
        top: 0%;
        opacity: 1;
        transform: rotate(25deg);
    }
}


@keyframes apareciendo_robot {
    0% {
        opacity: 0;
        width: 10px;
        /* transform: rotate(-5deg); */
        filter: hue-rotate(145deg);
    }

    5% {
        opacity: 1;
        width: 15px;
    }

    40% {
        opacity: 1;
        width: 200px;
        filter: hue-rotate(0deg);
    }

    100% {
        opacity: 1;
        width: 200px;
        filter: hue-rotate(0deg);
    }
}

/* ============================================ */
/* estrellas preloaded */
/* ============================================ */

.estrella_tintineo_grande {
    width: 10px;
    height: 10px;
    background-color: #004f85;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.8);
    position: absolute;
    transition: all 0.4s ease-in-out;
    transform: rotate(15deg);
    /* animation: shine_big; */
    animation: bajando_estrella 5s infinite linear;
    /* hago dos animaciones una que baje solo una vez la luz mientras haga la animacion shine_big */
    /* animation: bajando_estrella 15s infinite linear, shine 5s infinite linear; */
    /* animation: shine_big 5s infinite linear, shine 5s infinite linear; */

    z-index: -1;
}

.estrella_tintineo_grande:after,
.estrella_tintineo_grande:before {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(to left, transparent, white, transparent);
    left: -34px;
    top: calc(50% - 1px);
    width: 80px;
    height: 2px;
}

.estrella_tintineo_grande:before {
    width: 2px;
    height: 80px;
    left: calc(50% - 1px);
    top: -34px;
    background-image: linear-gradient(to bottom, transparent, white, transparent);
}

@keyframes shine_big {
    0% {
        transform: scale(0.1) rotate(-200deg);
    }

    55% {
        transform: scale(0.3) rotate(180deg);
    }

    100% {
        transform: scale(0.1) rotate(-200deg);
    }
}



@keyframes robot_volando_precarga {
    0%{
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50%{
        transform: translate(-50%, -50%) rotate(10deg);
    }
    100%{
        transform: translate(-50%, -50%) rotate(0deg);
    }
}


body {
    /* height: 200vh; */
    width: 100%;
    background-color: #0d0c1a;
    background-image: url(../img/universo.webp);
    /* HACEMNOS QUE LA IMAGEN OCUPE EL TOTAL DEL ANCHO */
    background-size: cover;
    /* HACEMOS QUE LA IMAGEN SE REPITA EN VERTICAL */
    background-repeat: no-repeat;
    /* HACEMOS QUE LA IMAGEN SE ADAPTE AL ANCHO DE LA PANTALLA */
    background-attachment: fixed;
    /* HACEMOS QUE LA IMAGEN SE ADAPTE AL ALTO DE LA PANTALLA */
    background-position: center center;
    overflow-x: hidden;
    position: relative;
    margin: 0px;

    overflow-x: hidden;

    font-family: 'Gotham Rounded Medium';
}


/* ============================================= */
/* HERO */
/* ============================================= */

.header {
    /* height: 13%; */
    width: 100%;
    display: flex
}

.header>div {
    width: 100%;
    display: flex;
    align-items: center;
}

.hero>.hero_text {
    /* width: 60%; */
    display: flex;
    align-items: center;
}

.span_text_neon{
    color:#3997d1
}

.btns_onepage>div {
    width: 100%;
}

.btns_onepage_1 {
    grid-area: 1 / 1 / 2 / 2;
}

.btns_onepage_2 {
    grid-area: 1 / 2 / 2 / 3;
}

.btns_onepage_3 {
    grid-area: 1 / 3 / 2 / 4;
}

/* ============================================ */
/* BOTON OTBITAS */
/* ============================================= */

.boton_orbita_a {
    position: relative;
    display: inline-block;
    /* padding: 15px 20px; */
    color: #ffffff;
    /* font-size: 16px; */
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: 1s;
    /* letter-spacing: 4px; */
    height: 60%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* border-radius: 10px; */
}

.boton_orbita_a:hover {
    background: white;
    color: black;
    border-radius: 5px;
    box-shadow: 0 0 5px white, 0 0 25px white, 0 0 50px white,
        0 0 100px white;
}

.boton_orbita_a span {
    position: absolute;
    display: block;
}

.boton_orbita_a span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, white);
    animation: btn-anim1 var(--time-atoms) linear infinite;
}

@keyframes btn-anim1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.boton_orbita_a span:nth-child(5) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, white);
    animation: btn-anim5 var(--time-atoms) linear infinite;
}

@keyframes btn-anim5 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.boton_orbita_a span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, white);
    animation: btn-anim2 var(--time-atoms) linear infinite;
    animation-delay: 1s;
}

@keyframes btn-anim2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.boton_orbita_a span:nth-child(6) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(0deg, transparent, white);
    animation: btn-anim6 var(--time-atoms) linear infinite;
    animation-delay: 1s;
}

@keyframes btn-anim6 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}

.boton_orbita_a span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, white, transparent);
    animation: btn-anim3 var(--time-atoms) linear infinite;
    animation-delay: 2s;
}

@keyframes btn-anim3 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.boton_orbita_a span:nth-child(7) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, white);
    animation: btn-anim7 var(--time-atoms) linear infinite;
    animation-delay: 2s;
}

@keyframes btn-anim7 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.boton_orbita_a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, white);
    animation: btn-anim4 var(--time-atoms) linear infinite;
    animation-delay: 3s;
}

@keyframes btn-anim4 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}

.boton_orbita_a span:nth-child(8) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, white);
    animation: btn-anim8 var(--time-atoms) linear infinite;
    animation-delay: 3s;
}

@keyframes btn-anim8 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

/* =============================================== */
/* BOTON ATOMOS */
/* =============================================== */



.btn {
    position: relative;
    margin: 0 auto;
    width: var(--btn-w);
    color: var(--primary);
    border-radius: 5em;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    /* line-height: 2em; */
    cursor: pointer;
}

.dot {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 7px;
    border-radius: 100%;
    transition: all 300ms ease;
    display: none;
    animation: atom var(--time-atoms) infinite linear;
    display: block;
}

.dot2 {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    width: 1px;
    height: 7px;
    border-radius: 100%;
    transition: all 300ms ease;
    display: none;
    animation: atom2 var(--time-atoms) infinite linear;
    /* retrasamos unos 100ms la animiacion */
    /* animation-delay: 0.2s; */
    display: block;
}

.dot:after {
    content: "";
    position: absolute;
    left: calc(50% - 0.4em);
    bottom: 0;
    height: 5px;
    width: 5px;
    background: var(--primary);
    border-radius: 1em;
    border: 0.25em solid var(--solid);
    box-shadow: 0 0 0.7em var(--solid), 0 0 2em var(--primary);
}

.dot2:after {
    content: "";
    position: absolute;
    left: calc(50% - 0.4em);
    bottom: 0;
    height: 5px;
    width: 5px;
    background: var(--primary);
    border-radius: 1em;
    border: 0.25em solid var(--solid);
    box-shadow: 0 0 0.7em var(--solid), 0 0 2em var(--primary);
}

@keyframes atom {
    0% {
        top: 0;
        left: 0;
        /* transform: translateX(0) rotate(0); */
    }

    25% {
        top: 0;
        left: 100%;
        /* transform: translateX(100%) rotate(0); */
    }

    50% {
        top: 100%;
        left: 100%;
        /* transform: translateX(100%) rotate(180deg); */
    }

    75% {
        top: 100%;
        left: 0;
        /* transform: translateX(0) rotate(180deg); */
    }

    100% {
        top: 0;
        left: 0;
        /* transform: translateX(0) rotate(360deg); */
    }
}

@keyframes atom2 {
    0% {
        top: 100%;
        left: 100%;
        /* transform: translateX(0) rotate(0); */
    }

    25% {
        top: 100%;
        left: 0;
        /* transform: translateX(100%) rotate(0); */
    }

    50% {
        top: 0;
        left: 0;
        /* transform: translateX(100%) rotate(180deg); */
    }

    75% {
        top: 0;
        left: 100%;
        /* transform: translateX(0) rotate(180deg); */
    }

    100% {
        top: 100%;
        left: 100%;
        /* transform: translateX(0) rotate(360deg); */
    }
}

/* ============================================ */
/* estrellas */
/* ============================================ */

.estrella_tintineo {
    width: 10px;
    height: 10px;
    background-color: #004f85;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.8);
    position: absolute;
    transition: all 0.4s ease-in-out;
    transform: rotate(15deg);
    animation: shine;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: -1;
}

.estrella_tintineo:after,
.estrella_tintineo:before {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(to left, transparent, white, transparent);
    left: -34px;
    top: calc(50% - 1px);
    width: 80px;
    height: 2px;
}

.estrella_tintineo:before {
    width: 2px;
    height: 80px;
    left: calc(50% - 1px);
    top: -34px;
    background-image: linear-gradient(to bottom, transparent, white, transparent);
}

@keyframes shine {
    0% {
        transform: scale(0.1) rotate(-200deg);
    }

    55% {
        transform: scale(0.3) rotate(180deg);
    }

    100% {
        transform: scale(0.1) rotate(-200deg);
    }
}



/* ============================================ */
/* ANIMACION TEXTO */
/* ============================================ */

h1 {
    font-size: 75px;
    text-transform: uppercase;
  }
  h1 span {
    width: 100%;
    float: left;
    transform: translateY(-50px);
    opacity: 0;
    animation-name: titleAnimation;
    animation-timing-function: ease;
    animation-duration: 3s;
  }

  h1 span {
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
  }
  h1 span:first-child {
    animation-delay: 0.7s;
  }
  h1 span:last-child {
    animation-delay: 0.5s;
  }

@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); */
    }
    50% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
    }
    100% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
    }
  }

/* ==================== */
/* ESTRELLAS SUBIENDO */
/* ==================== */

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    position: fixed;
    box-shadow: 812px 913px #004f85, 1928px 1380px #004f85, 1496px 983px #004f85,
        1869px 614px #004f85, 1383px 310px #004f85, 1684px 520px #004f85,
        811px 1092px #004f85, 1217px 280px #004f85, 358px 1846px #004f85,
        1805px 297px #004f85, 904px 492px #004f85, 114px 110px #004f85,
        600px 1325px #004f85, 1823px 1149px #004f85, 1654px 1266px #004f85,
        1139px 805px #004f85, 1436px 650px #004f85, 1018px 811px #004f85,
        785px 1639px #004f85, 1115px 1173px #004f85, 1597px 1046px #004f85,
        1573px 1532px #004f85, 536px 1416px #004f85, 407px 261px #004f85,
        930px 850px #004f85, 1220px 1696px #004f85, 350px 263px #004f85,
        1606px 1624px #004f85, 330px 261px #004f85, 1474px 926px #004f85,
        1988px 1993px #004f85, 368px 1013px #004f85, 480px 554px #004f85,
        1796px 253px #004f85, 1140px 220px #004f85, 440px 159px #004f85,
        1384px 331px #004f85, 1879px 122px #004f85, 461px 1677px #004f85,
        1445px 1279px #004f85, 1299px 1744px #004f85, 334px 9px #004f85,
        614px 475px #004f85, 1843px 1277px #004f85, 92px 1945px #004f85,
        1316px 731px #004f85, 1455px 297px #004f85, 310px 1628px #004f85,
        1829px 1963px #004f85, 1467px 52px #004f85, 1857px 1025px #004f85,
        1206px 1247px #004f85, 564px 1713px #004f85, 1257px 499px #004f85,
        556px 1638px #004f85, 1180px 1439px #004f85, 945px 1889px #004f85,
        615px 1743px #004f85, 43px 188px #004f85, 1319px 1858px #004f85,
        1319px 1612px #004f85, 706px 1869px #004f85, 803px 289px #004f85,
        666px 263px #004f85, 1328px 168px #004f85, 1641px 1618px #004f85,
        64px 1894px #004f85, 1687px 691px #004f85, 1119px 390px #004f85,
        599px 809px #004f85, 925px 312px #004f85, 520px 138px #004f85,
        1838px 317px #004f85, 1049px 291px #004f85, 1585px 1098px #004f85,
        1543px 295px #004f85, 1489px 1522px #004f85, 1658px 501px #004f85,
        1766px 86px #004f85, 507px 883px #004f85, 1772px 64px #004f85,
        1444px 1703px #004f85, 594px 350px #004f85, 762px 797px #004f85,
        47px 1635px #004f85, 637px 1947px #004f85, 1534px 973px #004f85,
        1973px 765px #004f85, 1013px 614px #004f85, 1790px 877px #004f85,
        1873px 1911px #004f85, 1331px 808px #004f85, 599px 67px #004f85,
        1361px 848px #004f85, 490px 1168px #004f85, 1791px 1771px #004f85,
        1797px 1917px #004f85, 591px 1001px #004f85, 1185px 932px #004f85,
        256px 1211px #004f85, 835px 700px #004f85, 295px 804px #004f85,
        1388px 1477px #004f85, 760px 825px #004f85, 1659px 783px #004f85,
        1391px 1459px #004f85, 615px 1769px #004f85, 387px 386px #004f85,
        1197px 1290px #004f85, 1282px 1228px #004f85, 1177px 1165px #004f85,
        272px 725px #004f85, 360px 154px #004f85, 458px 1019px #004f85,
        494px 1744px #004f85, 105px 877px #004f85, 422px 1522px #004f85,
        1634px 852px #004f85, 757px 1254px #004f85, 1994px 1526px #004f85,
        948px 1081px #004f85, 1680px 1156px #004f85, 420px 975px #004f85,
        1758px 917px #004f85, 995px 1085px #004f85, 1912px 342px #004f85,
        122px 200px #004f85, 698px 210px #004f85, 636px 421px #004f85,
        1738px 1849px #004f85, 561px 1978px #004f85, 516px 746px #004f85,
        1060px 1913px #004f85, 1183px 1072px #004f85, 1876px 348px #004f85,
        1344px 1662px #004f85, 552px 1903px #004f85, 88px 5px #004f85,
        371px 52px #004f85, 348px 896px #004f85, 1076px 638px #004f85,
        1626px 1022px #004f85, 1481px 300px #004f85, 1834px 361px #004f85,
        1916px 1420px #004f85, 1237px 995px #004f85, 1835px 1497px #004f85,
        1484px 1183px #004f85, 867px 1473px #004f85, 1715px 15px #004f85,
        1151px 484px #004f85, 1980px 155px #004f85, 1091px 1163px #004f85,
        1672px 679px #004f85, 1206px 1180px #004f85, 1884px 491px #004f85,
        873px 1535px #004f85, 1141px 145px #004f85, 1884px 368px #004f85,
        42px 826px #004f85, 1106px 10px #004f85, 340px 1144px #004f85,
        1659px 926px #004f85, 627px 683px #004f85, 1472px 303px #004f85,
        146px 1555px #004f85, 581px 783px #004f85, 1681px 1284px #004f85,
        390px 1832px #004f85, 214px 384px #004f85, 401px 22px #004f85,
        398px 1021px #004f85, 1179px 1860px #004f85, 606px 1015px #004f85,
        974px 1740px #004f85, 1950px 1079px #004f85, 1835px 1387px #004f85,
        1070px 47px #004f85, 1670px 357px #004f85, 12px 413px #004f85,
        1460px 1697px #004f85, 1018px 528px #004f85, 700px 901px #004f85,
        807px 105px #004f85, 71px 823px #004f85, 1506px 1338px #004f85,
        630px 1985px #004f85, 1647px 1491px #004f85, 79px 740px #004f85,
        1799px 1060px #004f85, 326px 223px #004f85, 449px 1039px #004f85,
        425px 608px #004f85, 147px 1952px #004f85, 1436px 608px #004f85,
        792px 1264px #004f85, 1265px 1202px #004f85, 1832px 276px #004f85,
        68px 1682px #004f85, 1244px 1980px #004f85, 535px 1170px #004f85,
        904px 1261px #004f85, 243px 737px #004f85, 1748px 848px #004f85,
        1267px 1545px #004f85, 1988px 813px #004f85, 1835px 506px #004f85,
        1055px 997px #004f85, 874px 796px #004f85, 1058px 1902px #004f85,
        747px 108px #004f85, 170px 474px #004f85, 485px 1687px #004f85,
        389px 1362px #004f85, 330px 986px #004f85, 1111px 389px #004f85,
        346px 1088px #004f85, 384px 1079px #004f85, 267px 484px #004f85,
        969px 1004px #004f85, 500px 399px #004f85, 584px 1695px #004f85,
        274px 1598px #004f85, 1746px 549px #004f85, 639px 643px #004f85,
        183px 1187px #004f85, 115px 310px #004f85, 92px 1551px #004f85,
        819px 1188px #004f85, 1283px 935px #004f85, 961px 504px #004f85,
        840px 1362px #004f85, 993px 744px #004f85, 78px 1592px #004f85,
        391px 250px #004f85, 1866px 337px #004f85, 1141px 1148px #004f85,
        772px 1521px #004f85, 1976px 1629px #004f85, 845px 307px #004f85,
        1917px 1675px #004f85, 1965px 911px #004f85, 790px 418px #004f85,
        1156px 822px #004f85, 1676px 663px #004f85, 112px 933px #004f85,
        450px 785px #004f85, 1350px 702px #004f85, 1686px 1729px #004f85,
        1745px 696px #004f85, 1895px 847px #004f85, 221px 1484px #004f85,
        1068px 1819px #004f85, 1488px 278px #004f85, 1182px 1728px #004f85,
        376px 776px #004f85, 371px 1465px #004f85, 405px 1950px #004f85,
        1377px 545px #004f85, 1577px 955px #004f85, 246px 708px #004f85,
        1931px 1600px #004f85, 1650px 1291px #004f85, 1944px 1607px #004f85,
        1750px 1364px #004f85, 898px 896px #004f85, 1289px 1689px #004f85,
        1809px 1165px #004f85, 51px 876px #004f85, 1466px 1048px #004f85,
        783px 990px #004f85, 981px 1818px #004f85, 236px 1410px #004f85,
        103px 737px #004f85, 239px 966px #004f85, 1263px 66px #004f85,
        780px 1751px #004f85, 144px 1385px #004f85, 1693px 1638px #004f85,
        612px 357px #004f85, 1369px 1705px #004f85, 1788px 102px #004f85,
        695px 1231px #004f85, 751px 1631px #004f85, 189px 1053px #004f85,
        1226px 1463px #004f85, 1293px 298px #004f85, 290px 132px #004f85,
        910px 287px #004f85, 1785px 764px #004f85, 489px 1804px #004f85,
        1136px 861px #004f85, 941px 531px #004f85, 574px 481px #004f85,
        227px 1011px #004f85, 1574px 1879px #004f85, 1639px 1632px #004f85,
        121px 65px #004f85, 455px 856px #004f85, 1683px 932px #004f85,
        1307px 1230px #004f85, 1979px 1600px #004f85, 1832px 95px #004f85,
        1726px 1365px #004f85, 123px 1258px #004f85, 95px 513px #004f85,
        1091px 536px #004f85, 1691px 1668px #004f85, 1329px 1754px #004f85,
        1709px 449px #004f85, 663px 1447px #004f85, 927px 1774px #004f85,
        705px 689px #004f85, 288px 1069px #004f85, 1590px 145px #004f85,
        1323px 545px #004f85, 1992px 1999px #004f85, 404px 1196px #004f85,
        1543px 1527px #004f85, 179px 1064px #004f85, 1526px 1105px #004f85,
        1154px 1891px #004f85, 659px 1207px #004f85, 1259px 1466px #004f85,
        1729px 210px #004f85, 820px 187px #004f85, 978px 667px #004f85,
        517px 760px #004f85, 919px 1377px #004f85, 1563px 1253px #004f85,
        702px 635px #004f85, 754px 932px #004f85, 928px 1640px #004f85,
        1205px 1779px #004f85, 1685px 1043px #004f85, 1104px 1866px #004f85,
        15px 1710px #004f85, 654px 1602px #004f85, 1703px 1774px #004f85,
        1240px 683px #004f85, 11px 1398px #004f85, 1808px 1643px #004f85,
        621px 382px #004f85, 6px 1620px #004f85, 524px 1475px #004f85,
        1558px 620px #004f85, 855px 574px #004f85, 500px 1378px #004f85,
        654px 1140px #004f85, 1320px 1833px #004f85, 28px 75px #004f85,
        1400px 1093px #004f85, 1134px 1249px #004f85, 1274px 554px #004f85,
        1374px 1193px #004f85, 1172px 1017px #004f85, 740px 988px #004f85,
        677px 912px #004f85, 518px 638px #004f85, 211px 951px #004f85,
        1450px 1854px #004f85, 468px 1976px #004f85, 1790px 279px #004f85,
        1784px 157px #004f85, 1049px 1200px #004f85, 479px 1234px #004f85,
        1465px 1150px #004f85, 690px 373px #004f85, 732px 1650px #004f85,
        1755px 1769px #004f85, 1504px 1372px #004f85, 1704px 788px #004f85,
        397px 624px #004f85, 1080px 408px #004f85, 1767px 1881px #004f85,
        405px 945px #004f85, 817px 324px #004f85, 322px 1380px #004f85,
        937px 1558px #004f85, 1484px 1366px #004f85, 1298px 2px #004f85,
        341px 190px #004f85, 1807px 1752px #004f85, 706px 1340px #004f85,
        1475px 590px #004f85, 272px 117px #004f85, 1956px 392px #004f85,
        515px 1493px #004f85, 97px 1950px #004f85, 1752px 833px #004f85,
        1546px 701px #004f85, 176px 1326px #004f85, 1346px 522px #004f85,
        1245px 755px #004f85, 710px 1028px #004f85, 920px 213px #004f85,
        1137px 130px #004f85, 159px 1917px #004f85, 368px 1723px #004f85,
        1067px 336px #004f85, 1708px 1093px #004f85, 384px 1489px #004f85,
        1814px 728px #004f85, 240px 698px #004f85, 1700px 37px #004f85,
        1095px 911px #004f85, 185px 1279px #004f85, 1013px 125px #004f85,
        1155px 1447px #004f85, 905px 601px #004f85, 1594px 1817px #004f85,
        362px 1586px #004f85, 726px 1782px #004f85, 1341px 1758px #004f85,
        579px 52px #004f85, 1745px 1900px #004f85, 1549px 1900px #004f85,
        1551px 1966px #004f85, 689px 1470px #004f85, 472px 91px #004f85,
        70px 84px #004f85, 578px 1058px #004f85, 1057px 1081px #004f85,
        528px 776px #004f85, 1013px 691px #004f85, 167px 116px #004f85,
        399px 1680px #004f85, 329px 742px #004f85, 1100px 299px #004f85,
        569px 1103px #004f85, 1680px 1066px #004f85, 985px 978px #004f85,
        445px 829px #004f85, 1841px 1402px #004f85, 1580px 708px #004f85,
        1210px 524px #004f85, 212px 1949px #004f85, 255px 401px #004f85,
        1120px 1020px #004f85, 1748px 1627px #004f85, 647px 166px #004f85,
        1378px 1710px #004f85, 1522px 130px #004f85, 559px 35px #004f85,
        632px 296px #004f85, 1873px 1517px #004f85, 434px 192px #004f85,
        469px 1047px #004f85, 1029px 246px #004f85, 607px 1509px #004f85,
        1573px 1259px #004f85, 103px 583px #004f85, 606px 1179px #004f85,
        25px 506px #004f85, 140px 962px #004f85, 1752px 578px #004f85,
        1526px 1857px #004f85, 1673px 175px #004f85, 932px 1635px #004f85,
        1019px 1845px #004f85, 639px 557px #004f85, 274px 173px #004f85,
        1864px 1288px #004f85, 1478px 315px #004f85, 1791px 699px #004f85,
        659px 1154px #004f85, 69px 258px #004f85, 1798px 279px #004f85,
        715px 114px #004f85, 1236px 1022px #004f85, 1327px 567px #004f85,
        798px 1350px #004f85, 1150px 312px #004f85, 1605px 672px #004f85,
        1630px 623px #004f85, 254px 1296px #004f85, 1090px 789px #004f85,
        637px 629px #004f85, 336px 1455px #004f85, 370px 198px #004f85,
        1768px 496px #004f85, 1795px 875px #004f85, 1590px 621px #004f85,
        1568px 1268px #004f85, 763px 1632px #004f85, 13px 1258px #004f85,
        660px 1734px #004f85, 205px 1017px #004f85, 751px 1870px #004f85,
        1376px 1017px #004f85, 323px 1152px #004f85, 1722px 1436px #004f85,
        1159px 797px #004f85, 1162px 1283px #004f85, 1510px 85px #004f85,
        1102px 434px #004f85, 732px 1271px #004f85, 101px 132px #004f85,
        1851px 1820px #004f85, 683px 560px #004f85, 1201px 817px #004f85,
        989px 372px #004f85, 1022px 103px #004f85, 195px 1843px #004f85,
        1049px 520px #004f85, 1946px 1764px #004f85, 150px 1088px #004f85,
        477px 817px #004f85, 1924px 1521px #004f85, 1225px 1733px #004f85,
        1576px 976px #004f85, 1350px 1992px #004f85, 1714px 372px #004f85,
        1524px 589px #004f85, 527px 1089px #004f85, 99px 739px #004f85,
        1549px 1585px #004f85, 967px 47px #004f85, 577px 507px #004f85,
        1061px 1978px #004f85, 1016px 1070px #004f85, 837px 323px #004f85,
        739px 1111px #004f85, 307px 756px #004f85, 1526px 117px #004f85,
        1456px 788px #004f85, 830px 292px #004f85, 401px 1435px #004f85,
        1883px 1738px #004f85, 708px 1637px #004f85, 1594px 1383px #004f85,
        1423px 472px #004f85, 686px 689px #004f85, 1552px 1415px #004f85,
        40px 1210px #004f85, 1634px 740px #004f85, 1920px 1212px #004f85,
        1322px 1777px #004f85, 315px 1976px #004f85, 350px 1735px #004f85,
        550px 1911px #004f85, 26px 777px #004f85, 1729px 1618px #004f85,
        559px 1523px #004f85, 922px 470px #004f85, 1559px 133px #004f85,
        1331px 1111px #004f85, 1151px 648px #004f85, 1525px 640px #004f85,
        1659px 1090px #004f85, 1740px 138px #004f85, 492px 1177px #004f85,
        1296px 1738px #004f85, 1418px 275px #004f85, 107px 1399px #004f85,
        1735px 1597px #004f85, 514px 291px #004f85, 940px 1618px #004f85,
        1695px 101px #004f85, 340px 739px #004f85, 1797px 538px #004f85,
        717px 1296px #004f85, 515px 1818px #004f85, 1125px 739px #004f85,
        1669px 1803px #004f85, 568px 911px #004f85, 533px 91px #004f85,
        1798px 426px #004f85, 281px 1996px #004f85, 131px 1977px #004f85,
        1364px 435px #004f85, 1345px 1903px #004f85, 1382px 1765px #004f85,
        1815px 19px #004f85, 58px 104px #004f85, 1817px 1436px #004f85,
        1584px 1242px #004f85, 958px 991px #004f85, 1400px 1671px #004f85,
        41px 131px #004f85, 1600px 1606px #004f85, 589px 1386px #004f85,
        1165px 865px #004f85, 183px 1273px #004f85, 1628px 1587px #004f85,
        628px 1535px #004f85, 793px 76px #004f85, 253px 1897px #004f85,
        1918px 1654px #004f85, 1182px 441px #004f85, 1808px 210px #004f85,
        1189px 1507px #004f85, 946px 1334px #004f85, 109px 1034px #004f85,
        634px 813px #004f85, 224px 1625px #004f85, 1628px 1438px #004f85,
        1991px 1831px #004f85, 1499px 416px #004f85, 273px 1671px #004f85,
        429px 1377px #004f85, 858px 175px #004f85, 55px 1147px #004f85,
        1211px 156px #004f85, 219px 1981px #004f85, 1100px 1834px #004f85,
        551px 1700px #004f85, 1507px 1808px #004f85, 1538px 1367px #004f85,
        1846px 894px #004f85, 1670px 477px #004f85, 987px 349px #004f85,
        1039px 941px #004f85, 1580px 1846px #004f85, 1389px 1538px #004f85,
        214px 305px #004f85, 329px 1677px #004f85, 1140px 103px #004f85,
        711px 1203px #004f85, 951px 453px #004f85, 1143px 199px #004f85,
        1355px 1760px #004f85, 337px 1084px #004f85, 81px 1960px #004f85,
        1322px 87px #004f85, 1437px 1812px #004f85, 1484px 1542px #004f85,
        296px 336px #004f85, 1167px 604px #004f85, 559px 1033px #004f85,
        1658px 1166px #004f85, 1309px 1260px #004f85, 888px 1553px #004f85,
        1120px 1486px #004f85, 687px 1015px #004f85, 1904px 1425px #004f85,
        1344px 433px #004f85, 1337px 425px #004f85, 1193px 1833px #004f85,
        1312px 1779px #004f85, 1423px 1621px #004f85, 1211px 45px #004f85,
        1351px 1890px #004f85, 1688px 817px #004f85, 749px 1352px #004f85,
        1548px 590px #004f85, 1961px 1401px #004f85, 998px 73px #004f85,
        578px 49px #004f85, 469px 543px #004f85, 1046px 1474px #004f85,
        116px 1968px #004f85, 1863px 991px #004f85, 1019px 1402px #004f85,
        975px 966px #004f85, 1914px 264px #004f85, 806px 771px #004f85,
        243px 10px #004f85, 1939px 466px #004f85, 1516px 110px #004f85,
        254px 931px #004f85, 1141px 720px #004f85, 340px 424px #004f85,
        181px 744px #004f85, 808px 872px #004f85, 1709px 1768px #004f85,
        1060px 1107px #004f85, 213px 640px #004f85, 444px 1265px #004f85,
        1764px 477px #004f85, 1633px 1328px #004f85, 523px 74px #004f85,
        1027px 80px #004f85, 106px 805px #004f85, 449px 1113px #004f85,
        363px 1331px #004f85, 851px 245px #004f85, 1231px 1945px #004f85,
        374px 750px #004f85, 814px 1413px #004f85, 412px 1119px #004f85,
        1039px 1630px #004f85, 1770px 1240px #004f85, 377px 303px #004f85,
        1247px 281px #004f85, 1438px 1469px #004f85, 796px 519px #004f85,
        1172px 326px #004f85, 1836px 614px #004f85, 1219px 1123px #004f85,
        746px 783px #004f85, 1577px 825px #004f85, 676px 1889px #004f85,
        1411px 925px #004f85, 520px 72px #004f85, 870px 1777px #004f85,
        1832px 834px #004f85, 1957px 1780px #004f85, 755px 1426px #004f85,
        612px 1451px #004f85;
    animation: animStar 50s linear infinite;
    z-index: -1;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 812px 913px #004f85, 1928px 1380px #004f85, 1496px 983px #004f85,
        1869px 614px #004f85, 1383px 310px #004f85, 1684px 520px #004f85,
        811px 1092px #004f85, 1217px 280px #004f85, 358px 1846px #004f85,
        1805px 297px #004f85, 904px 492px #004f85, 114px 110px #004f85,
        600px 1325px #004f85, 1823px 1149px #004f85, 1654px 1266px #004f85,
        1139px 805px #004f85, 1436px 650px #004f85, 1018px 811px #004f85,
        785px 1639px #004f85, 1115px 1173px #004f85, 1597px 1046px #004f85,
        1573px 1532px #004f85, 536px 1416px #004f85, 407px 261px #004f85,
        930px 850px #004f85, 1220px 1696px #004f85, 350px 263px #004f85,
        1606px 1624px #004f85, 330px 261px #004f85, 1474px 926px #004f85,
        1988px 1993px #004f85, 368px 1013px #004f85, 480px 554px #004f85,
        1796px 253px #004f85, 1140px 220px #004f85, 440px 159px #004f85,
        1384px 331px #004f85, 1879px 122px #004f85, 461px 1677px #004f85,
        1445px 1279px #004f85, 1299px 1744px #004f85, 334px 9px #004f85,
        614px 475px #004f85, 1843px 1277px #004f85, 92px 1945px #004f85,
        1316px 731px #004f85, 1455px 297px #004f85, 310px 1628px #004f85,
        1829px 1963px #004f85, 1467px 52px #004f85, 1857px 1025px #004f85,
        1206px 1247px #004f85, 564px 1713px #004f85, 1257px 499px #004f85,
        556px 1638px #004f85, 1180px 1439px #004f85, 945px 1889px #004f85,
        615px 1743px #004f85, 43px 188px #004f85, 1319px 1858px #004f85,
        1319px 1612px #004f85, 706px 1869px #004f85, 803px 289px #004f85,
        666px 263px #004f85, 1328px 168px #004f85, 1641px 1618px #004f85,
        64px 1894px #004f85, 1687px 691px #004f85, 1119px 390px #004f85,
        599px 809px #004f85, 925px 312px #004f85, 520px 138px #004f85,
        1838px 317px #004f85, 1049px 291px #004f85, 1585px 1098px #004f85,
        1543px 295px #004f85, 1489px 1522px #004f85, 1658px 501px #004f85,
        1766px 86px #004f85, 507px 883px #004f85, 1772px 64px #004f85,
        1444px 1703px #004f85, 594px 350px #004f85, 762px 797px #004f85,
        47px 1635px #004f85, 637px 1947px #004f85, 1534px 973px #004f85,
        1973px 765px #004f85, 1013px 614px #004f85, 1790px 877px #004f85,
        1873px 1911px #004f85, 1331px 808px #004f85, 599px 67px #004f85,
        1361px 848px #004f85, 490px 1168px #004f85, 1791px 1771px #004f85,
        1797px 1917px #004f85, 591px 1001px #004f85, 1185px 932px #004f85,
        256px 1211px #004f85, 835px 700px #004f85, 295px 804px #004f85,
        1388px 1477px #004f85, 760px 825px #004f85, 1659px 783px #004f85,
        1391px 1459px #004f85, 615px 1769px #004f85, 387px 386px #004f85,
        1197px 1290px #004f85, 1282px 1228px #004f85, 1177px 1165px #004f85,
        272px 725px #004f85, 360px 154px #004f85, 458px 1019px #004f85,
        494px 1744px #004f85, 105px 877px #004f85, 422px 1522px #004f85,
        1634px 852px #004f85, 757px 1254px #004f85, 1994px 1526px #004f85,
        948px 1081px #004f85, 1680px 1156px #004f85, 420px 975px #004f85,
        1758px 917px #004f85, 995px 1085px #004f85, 1912px 342px #004f85,
        122px 200px #004f85, 698px 210px #004f85, 636px 421px #004f85,
        1738px 1849px #004f85, 561px 1978px #004f85, 516px 746px #004f85,
        1060px 1913px #004f85, 1183px 1072px #004f85, 1876px 348px #004f85,
        1344px 1662px #004f85, 552px 1903px #004f85, 88px 5px #004f85,
        371px 52px #004f85, 348px 896px #004f85, 1076px 638px #004f85,
        1626px 1022px #004f85, 1481px 300px #004f85, 1834px 361px #004f85,
        1916px 1420px #004f85, 1237px 995px #004f85, 1835px 1497px #004f85,
        1484px 1183px #004f85, 867px 1473px #004f85, 1715px 15px #004f85,
        1151px 484px #004f85, 1980px 155px #004f85, 1091px 1163px #004f85,
        1672px 679px #004f85, 1206px 1180px #004f85, 1884px 491px #004f85,
        873px 1535px #004f85, 1141px 145px #004f85, 1884px 368px #004f85,
        42px 826px #004f85, 1106px 10px #004f85, 340px 1144px #004f85,
        1659px 926px #004f85, 627px 683px #004f85, 1472px 303px #004f85,
        146px 1555px #004f85, 581px 783px #004f85, 1681px 1284px #004f85,
        390px 1832px #004f85, 214px 384px #004f85, 401px 22px #004f85,
        398px 1021px #004f85, 1179px 1860px #004f85, 606px 1015px #004f85,
        974px 1740px #004f85, 1950px 1079px #004f85, 1835px 1387px #004f85,
        1070px 47px #004f85, 1670px 357px #004f85, 12px 413px #004f85,
        1460px 1697px #004f85, 1018px 528px #004f85, 700px 901px #004f85,
        807px 105px #004f85, 71px 823px #004f85, 1506px 1338px #004f85,
        630px 1985px #004f85, 1647px 1491px #004f85, 79px 740px #004f85,
        1799px 1060px #004f85, 326px 223px #004f85, 449px 1039px #004f85,
        425px 608px #004f85, 147px 1952px #004f85, 1436px 608px #004f85,
        792px 1264px #004f85, 1265px 1202px #004f85, 1832px 276px #004f85,
        68px 1682px #004f85, 1244px 1980px #004f85, 535px 1170px #004f85,
        904px 1261px #004f85, 243px 737px #004f85, 1748px 848px #004f85,
        1267px 1545px #004f85, 1988px 813px #004f85, 1835px 506px #004f85,
        1055px 997px #004f85, 874px 796px #004f85, 1058px 1902px #004f85,
        747px 108px #004f85, 170px 474px #004f85, 485px 1687px #004f85,
        389px 1362px #004f85, 330px 986px #004f85, 1111px 389px #004f85,
        346px 1088px #004f85, 384px 1079px #004f85, 267px 484px #004f85,
        969px 1004px #004f85, 500px 399px #004f85, 584px 1695px #004f85,
        274px 1598px #004f85, 1746px 549px #004f85, 639px 643px #004f85,
        183px 1187px #004f85, 115px 310px #004f85, 92px 1551px #004f85,
        819px 1188px #004f85, 1283px 935px #004f85, 961px 504px #004f85,
        840px 1362px #004f85, 993px 744px #004f85, 78px 1592px #004f85,
        391px 250px #004f85, 1866px 337px #004f85, 1141px 1148px #004f85,
        772px 1521px #004f85, 1976px 1629px #004f85, 845px 307px #004f85,
        1917px 1675px #004f85, 1965px 911px #004f85, 790px 418px #004f85,
        1156px 822px #004f85, 1676px 663px #004f85, 112px 933px #004f85,
        450px 785px #004f85, 1350px 702px #004f85, 1686px 1729px #004f85,
        1745px 696px #004f85, 1895px 847px #004f85, 221px 1484px #004f85,
        1068px 1819px #004f85, 1488px 278px #004f85, 1182px 1728px #004f85,
        376px 776px #004f85, 371px 1465px #004f85, 405px 1950px #004f85,
        1377px 545px #004f85, 1577px 955px #004f85, 246px 708px #004f85,
        1931px 1600px #004f85, 1650px 1291px #004f85, 1944px 1607px #004f85,
        1750px 1364px #004f85, 898px 896px #004f85, 1289px 1689px #004f85,
        1809px 1165px #004f85, 51px 876px #004f85, 1466px 1048px #004f85,
        783px 990px #004f85, 981px 1818px #004f85, 236px 1410px #004f85,
        103px 737px #004f85, 239px 966px #004f85, 1263px 66px #004f85,
        780px 1751px #004f85, 144px 1385px #004f85, 1693px 1638px #004f85,
        612px 357px #004f85, 1369px 1705px #004f85, 1788px 102px #004f85,
        695px 1231px #004f85, 751px 1631px #004f85, 189px 1053px #004f85,
        1226px 1463px #004f85, 1293px 298px #004f85, 290px 132px #004f85,
        910px 287px #004f85, 1785px 764px #004f85, 489px 1804px #004f85,
        1136px 861px #004f85, 941px 531px #004f85, 574px 481px #004f85,
        227px 1011px #004f85, 1574px 1879px #004f85, 1639px 1632px #004f85,
        121px 65px #004f85, 455px 856px #004f85, 1683px 932px #004f85,
        1307px 1230px #004f85, 1979px 1600px #004f85, 1832px 95px #004f85,
        1726px 1365px #004f85, 123px 1258px #004f85, 95px 513px #004f85,
        1091px 536px #004f85, 1691px 1668px #004f85, 1329px 1754px #004f85,
        1709px 449px #004f85, 663px 1447px #004f85, 927px 1774px #004f85,
        705px 689px #004f85, 288px 1069px #004f85, 1590px 145px #004f85,
        1323px 545px #004f85, 1992px 1999px #004f85, 404px 1196px #004f85,
        1543px 1527px #004f85, 179px 1064px #004f85, 1526px 1105px #004f85,
        1154px 1891px #004f85, 659px 1207px #004f85, 1259px 1466px #004f85,
        1729px 210px #004f85, 820px 187px #004f85, 978px 667px #004f85,
        517px 760px #004f85, 919px 1377px #004f85, 1563px 1253px #004f85,
        702px 635px #004f85, 754px 932px #004f85, 928px 1640px #004f85,
        1205px 1779px #004f85, 1685px 1043px #004f85, 1104px 1866px #004f85,
        15px 1710px #004f85, 654px 1602px #004f85, 1703px 1774px #004f85,
        1240px 683px #004f85, 11px 1398px #004f85, 1808px 1643px #004f85,
        621px 382px #004f85, 6px 1620px #004f85, 524px 1475px #004f85,
        1558px 620px #004f85, 855px 574px #004f85, 500px 1378px #004f85,
        654px 1140px #004f85, 1320px 1833px #004f85, 28px 75px #004f85,
        1400px 1093px #004f85, 1134px 1249px #004f85, 1274px 554px #004f85,
        1374px 1193px #004f85, 1172px 1017px #004f85, 740px 988px #004f85,
        677px 912px #004f85, 518px 638px #004f85, 211px 951px #004f85,
        1450px 1854px #004f85, 468px 1976px #004f85, 1790px 279px #004f85,
        1784px 157px #004f85, 1049px 1200px #004f85, 479px 1234px #004f85,
        1465px 1150px #004f85, 690px 373px #004f85, 732px 1650px #004f85,
        1755px 1769px #004f85, 1504px 1372px #004f85, 1704px 788px #004f85,
        397px 624px #004f85, 1080px 408px #004f85, 1767px 1881px #004f85,
        405px 945px #004f85, 817px 324px #004f85, 322px 1380px #004f85,
        937px 1558px #004f85, 1484px 1366px #004f85, 1298px 2px #004f85,
        341px 190px #004f85, 1807px 1752px #004f85, 706px 1340px #004f85,
        1475px 590px #004f85, 272px 117px #004f85, 1956px 392px #004f85,
        515px 1493px #004f85, 97px 1950px #004f85, 1752px 833px #004f85,
        1546px 701px #004f85, 176px 1326px #004f85, 1346px 522px #004f85,
        1245px 755px #004f85, 710px 1028px #004f85, 920px 213px #004f85,
        1137px 130px #004f85, 159px 1917px #004f85, 368px 1723px #004f85,
        1067px 336px #004f85, 1708px 1093px #004f85, 384px 1489px #004f85,
        1814px 728px #004f85, 240px 698px #004f85, 1700px 37px #004f85,
        1095px 911px #004f85, 185px 1279px #004f85, 1013px 125px #004f85,
        1155px 1447px #004f85, 905px 601px #004f85, 1594px 1817px #004f85,
        362px 1586px #004f85, 726px 1782px #004f85, 1341px 1758px #004f85,
        579px 52px #004f85, 1745px 1900px #004f85, 1549px 1900px #004f85,
        1551px 1966px #004f85, 689px 1470px #004f85, 472px 91px #004f85,
        70px 84px #004f85, 578px 1058px #004f85, 1057px 1081px #004f85,
        528px 776px #004f85, 1013px 691px #004f85, 167px 116px #004f85,
        399px 1680px #004f85, 329px 742px #004f85, 1100px 299px #004f85,
        569px 1103px #004f85, 1680px 1066px #004f85, 985px 978px #004f85,
        445px 829px #004f85, 1841px 1402px #004f85, 1580px 708px #004f85,
        1210px 524px #004f85, 212px 1949px #004f85, 255px 401px #004f85,
        1120px 1020px #004f85, 1748px 1627px #004f85, 647px 166px #004f85,
        1378px 1710px #004f85, 1522px 130px #004f85, 559px 35px #004f85,
        632px 296px #004f85, 1873px 1517px #004f85, 434px 192px #004f85,
        469px 1047px #004f85, 1029px 246px #004f85, 607px 1509px #004f85,
        1573px 1259px #004f85, 103px 583px #004f85, 606px 1179px #004f85,
        25px 506px #004f85, 140px 962px #004f85, 1752px 578px #004f85,
        1526px 1857px #004f85, 1673px 175px #004f85, 932px 1635px #004f85,
        1019px 1845px #004f85, 639px 557px #004f85, 274px 173px #004f85,
        1864px 1288px #004f85, 1478px 315px #004f85, 1791px 699px #004f85,
        659px 1154px #004f85, 69px 258px #004f85, 1798px 279px #004f85,
        715px 114px #004f85, 1236px 1022px #004f85, 1327px 567px #004f85,
        798px 1350px #004f85, 1150px 312px #004f85, 1605px 672px #004f85,
        1630px 623px #004f85, 254px 1296px #004f85, 1090px 789px #004f85,
        637px 629px #004f85, 336px 1455px #004f85, 370px 198px #004f85,
        1768px 496px #004f85, 1795px 875px #004f85, 1590px 621px #004f85,
        1568px 1268px #004f85, 763px 1632px #004f85, 13px 1258px #004f85,
        660px 1734px #004f85, 205px 1017px #004f85, 751px 1870px #004f85,
        1376px 1017px #004f85, 323px 1152px #004f85, 1722px 1436px #004f85,
        1159px 797px #004f85, 1162px 1283px #004f85, 1510px 85px #004f85,
        1102px 434px #004f85, 732px 1271px #004f85, 101px 132px #004f85,
        1851px 1820px #004f85, 683px 560px #004f85, 1201px 817px #004f85,
        989px 372px #004f85, 1022px 103px #004f85, 195px 1843px #004f85,
        1049px 520px #004f85, 1946px 1764px #004f85, 150px 1088px #004f85,
        477px 817px #004f85, 1924px 1521px #004f85, 1225px 1733px #004f85,
        1576px 976px #004f85, 1350px 1992px #004f85, 1714px 372px #004f85,
        1524px 589px #004f85, 527px 1089px #004f85, 99px 739px #004f85,
        1549px 1585px #004f85, 967px 47px #004f85, 577px 507px #004f85,
        1061px 1978px #004f85, 1016px 1070px #004f85, 837px 323px #004f85,
        739px 1111px #004f85, 307px 756px #004f85, 1526px 117px #004f85,
        1456px 788px #004f85, 830px 292px #004f85, 401px 1435px #004f85,
        1883px 1738px #004f85, 708px 1637px #004f85, 1594px 1383px #004f85,
        1423px 472px #004f85, 686px 689px #004f85, 1552px 1415px #004f85,
        40px 1210px #004f85, 1634px 740px #004f85, 1920px 1212px #004f85,
        1322px 1777px #004f85, 315px 1976px #004f85, 350px 1735px #004f85,
        550px 1911px #004f85, 26px 777px #004f85, 1729px 1618px #004f85,
        559px 1523px #004f85, 922px 470px #004f85, 1559px 133px #004f85,
        1331px 1111px #004f85, 1151px 648px #004f85, 1525px 640px #004f85,
        1659px 1090px #004f85, 1740px 138px #004f85, 492px 1177px #004f85,
        1296px 1738px #004f85, 1418px 275px #004f85, 107px 1399px #004f85,
        1735px 1597px #004f85, 514px 291px #004f85, 940px 1618px #004f85,
        1695px 101px #004f85, 340px 739px #004f85, 1797px 538px #004f85,
        717px 1296px #004f85, 515px 1818px #004f85, 1125px 739px #004f85,
        1669px 1803px #004f85, 568px 911px #004f85, 533px 91px #004f85,
        1798px 426px #004f85, 281px 1996px #004f85, 131px 1977px #004f85,
        1364px 435px #004f85, 1345px 1903px #004f85, 1382px 1765px #004f85,
        1815px 19px #004f85, 58px 104px #004f85, 1817px 1436px #004f85,
        1584px 1242px #004f85, 958px 991px #004f85, 1400px 1671px #004f85,
        41px 131px #004f85, 1600px 1606px #004f85, 589px 1386px #004f85,
        1165px 865px #004f85, 183px 1273px #004f85, 1628px 1587px #004f85,
        628px 1535px #004f85, 793px 76px #004f85, 253px 1897px #004f85,
        1918px 1654px #004f85, 1182px 441px #004f85, 1808px 210px #004f85,
        1189px 1507px #004f85, 946px 1334px #004f85, 109px 1034px #004f85,
        634px 813px #004f85, 224px 1625px #004f85, 1628px 1438px #004f85,
        1991px 1831px #004f85, 1499px 416px #004f85, 273px 1671px #004f85,
        429px 1377px #004f85, 858px 175px #004f85, 55px 1147px #004f85,
        1211px 156px #004f85, 219px 1981px #004f85, 1100px 1834px #004f85,
        551px 1700px #004f85, 1507px 1808px #004f85, 1538px 1367px #004f85,
        1846px 894px #004f85, 1670px 477px #004f85, 987px 349px #004f85,
        1039px 941px #004f85, 1580px 1846px #004f85, 1389px 1538px #004f85,
        214px 305px #004f85, 329px 1677px #004f85, 1140px 103px #004f85,
        711px 1203px #004f85, 951px 453px #004f85, 1143px 199px #004f85,
        1355px 1760px #004f85, 337px 1084px #004f85, 81px 1960px #004f85,
        1322px 87px #004f85, 1437px 1812px #004f85, 1484px 1542px #004f85,
        296px 336px #004f85, 1167px 604px #004f85, 559px 1033px #004f85,
        1658px 1166px #004f85, 1309px 1260px #004f85, 888px 1553px #004f85,
        1120px 1486px #004f85, 687px 1015px #004f85, 1904px 1425px #004f85,
        1344px 433px #004f85, 1337px 425px #004f85, 1193px 1833px #004f85,
        1312px 1779px #004f85, 1423px 1621px #004f85, 1211px 45px #004f85,
        1351px 1890px #004f85, 1688px 817px #004f85, 749px 1352px #004f85,
        1548px 590px #004f85, 1961px 1401px #004f85, 998px 73px #004f85,
        578px 49px #004f85, 469px 543px #004f85, 1046px 1474px #004f85,
        116px 1968px #004f85, 1863px 991px #004f85, 1019px 1402px #004f85,
        975px 966px #004f85, 1914px 264px #004f85, 806px 771px #004f85,
        243px 10px #004f85, 1939px 466px #004f85, 1516px 110px #004f85,
        254px 931px #004f85, 1141px 720px #004f85, 340px 424px #004f85,
        181px 744px #004f85, 808px 872px #004f85, 1709px 1768px #004f85,
        1060px 1107px #004f85, 213px 640px #004f85, 444px 1265px #004f85,
        1764px 477px #004f85, 1633px 1328px #004f85, 523px 74px #004f85,
        1027px 80px #004f85, 106px 805px #004f85, 449px 1113px #004f85,
        363px 1331px #004f85, 851px 245px #004f85, 1231px 1945px #004f85,
        374px 750px #004f85, 814px 1413px #004f85, 412px 1119px #004f85,
        1039px 1630px #004f85, 1770px 1240px #004f85, 377px 303px #004f85,
        1247px 281px #004f85, 1438px 1469px #004f85, 796px 519px #004f85,
        1172px 326px #004f85, 1836px 614px #004f85, 1219px 1123px #004f85,
        746px 783px #004f85, 1577px 825px #004f85, 676px 1889px #004f85,
        1411px 925px #004f85, 520px 72px #004f85, 870px 1777px #004f85,
        1832px 834px #004f85, 1957px 1780px #004f85, 755px 1426px #004f85,
        612px 1451px #004f85;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    position: fixed;
    box-shadow: 309px 1592px #004f85, 1519px 1550px #004f85, 713px 1827px #004f85,
        920px 1166px #004f85, 1736px 44px #004f85, 1057px 1415px #004f85,
        37px 1630px #004f85, 1568px 1596px #004f85, 1082px 338px #004f85,
        1981px 834px #004f85, 1708px 1808px #004f85, 282px 429px #004f85,
        1914px 1465px #004f85, 532px 1656px #004f85, 36px 1468px #004f85,
        1267px 745px #004f85, 922px 718px #004f85, 971px 791px #004f85,
        852px 99px #004f85, 1819px 1236px #004f85, 159px 1107px #004f85,
        537px 559px #004f85, 1726px 1920px #004f85, 521px 369px #004f85,
        1052px 388px #004f85, 884px 276px #004f85, 678px 455px #004f85,
        1569px 490px #004f85, 1634px 1941px #004f85, 1640px 613px #004f85,
        250px 545px #004f85, 1284px 49px #004f85, 573px 147px #004f85,
        495px 636px #004f85, 1078px 500px #004f85, 1157px 1672px #004f85,
        74px 299px #004f85, 1856px 408px #004f85, 1557px 1004px #004f85,
        1718px 420px #004f85, 1572px 1047px #004f85, 1875px 748px #004f85,
        529px 1767px #004f85, 1076px 949px #004f85, 1549px 1224px #004f85,
        1225px 1410px #004f85, 668px 1507px #004f85, 698px 1286px #004f85,
        1384px 466px #004f85, 1545px 763px #004f85, 1972px 248px #004f85,
        1284px 1610px #004f85, 1843px 33px #004f85, 1787px 351px #004f85,
        85px 1259px #004f85, 24px 1062px #004f85, 46px 578px #004f85,
        1489px 1126px #004f85, 1832px 1623px #004f85, 573px 1094px #004f85,
        1285px 585px #004f85, 1814px 473px #004f85, 586px 1712px #004f85,
        650px 1638px #004f85, 1876px 1700px #004f85, 469px 173px #004f85,
        1100px 160px #004f85, 316px 754px #004f85, 1644px 938px #004f85,
        794px 1808px #004f85, 292px 1879px #004f85, 1px 1584px #004f85,
        748px 918px #004f85, 1582px 1855px #004f85, 1018px 1502px #004f85,
        110px 1722px #004f85, 674px 1802px #004f85, 303px 1222px #004f85,
        660px 813px #004f85, 945px 657px #004f85, 1488px 1274px #004f85,
        942px 855px #004f85, 1627px 645px #004f85, 799px 632px #004f85,
        1511px 280px #004f85, 1846px 793px #004f85, 1902px 1621px #004f85,
        710px 712px #004f85, 1172px 1828px #004f85, 1664px 1544px #004f85,
        1930px 1359px #004f85, 561px 1395px #004f85, 1623px 1567px #004f85,
        1548px 659px #004f85, 919px 1697px #004f85, 1448px 501px #004f85,
        1016px 1400px #004f85, 763px 1636px #004f85, 534px 1569px #004f85,
        1889px 252px #004f85, 942px 1138px #004f85, 1453px 569px #004f85,
        1959px 1782px #004f85, 1073px 1841px #004f85, 773px 291px #004f85,
        623px 1412px #004f85, 1028px 1020px #004f85, 287px 524px #004f85,
        1320px 1851px #004f85, 1210px 356px #004f85, 1083px 1471px #004f85,
        697px 1128px #004f85, 152px 1044px #004f85, 598px 643px #004f85,
        1580px 666px #004f85, 699px 271px #004f85, 1590px 1404px #004f85,
        1940px 1602px #004f85, 323px 240px #004f85, 1174px 1464px #004f85,
        1967px 1283px #004f85, 147px 686px #004f85, 785px 1818px #004f85,
        377px 1791px #004f85, 280px 1853px #004f85, 1099px 1304px #004f85,
        123px 319px #004f85, 946px 501px #004f85, 1980px 1083px #004f85,
        1224px 253px #004f85, 1839px 1701px #004f85, 1451px 97px #004f85,
        629px 98px #004f85, 267px 790px #004f85, 288px 38px #004f85,
        587px 614px #004f85, 1892px 1334px #004f85, 229px 1327px #004f85,
        1893px 1336px #004f85, 1257px 1391px #004f85, 472px 1040px #004f85,
        1608px 1367px #004f85, 1000px 906px #004f85, 627px 1906px #004f85,
        1292px 1891px #004f85, 1558px 1685px #004f85, 449px 239px #004f85,
        1627px 1815px #004f85, 1922px 1551px #004f85, 1138px 139px #004f85,
        323px 1359px #004f85, 1651px 496px #004f85, 980px 1955px #004f85,
        431px 658px #004f85, 1861px 921px #004f85, 1747px 1175px #004f85,
        1711px 1586px #004f85, 1403px 979px #004f85, 1816px 1632px #004f85,
        1969px 1814px #004f85, 1947px 1888px #004f85, 796px 405px #004f85,
        426px 128px #004f85, 1071px 842px #004f85, 809px 879px #004f85,
        1648px 515px #004f85, 1036px 783px #004f85, 267px 1458px #004f85,
        1636px 1150px #004f85, 1367px 1901px #004f85, 1914px 1662px #004f85,
        1821px 1010px #004f85, 1858px 235px #004f85, 133px 636px #004f85,
        1677px 1743px #004f85, 1551px 838px #004f85, 424px 1705px #004f85,
        937px 1790px #004f85, 158px 1949px #004f85, 1856px 885px #004f85,
        100px 1660px #004f85, 794px 831px #004f85, 352px 793px #004f85,
        1746px 391px #004f85, 1936px 164px #004f85, 1213px 1868px #004f85,
        636px 120px #004f85, 1368px 1464px #004f85, 1401px 1083px #004f85,
        1076px 1773px #004f85, 395px 113px #004f85, 729px 1730px #004f85,
        1404px 1476px #004f85, 176px 989px #004f85, 1999px 45px #004f85,
        1253px 1607px #004f85, 863px 835px #004f85, 1410px 445px #004f85,
        1027px 39px #004f85, 944px 1650px #004f85;
    animation: animStar 100s linear infinite;
    z-index: -1;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 309px 1592px #004f85, 1519px 1550px #004f85, 713px 1827px #004f85,
        920px 1166px #004f85, 1736px 44px #004f85, 1057px 1415px #004f85,
        37px 1630px #004f85, 1568px 1596px #004f85, 1082px 338px #004f85,
        1981px 834px #004f85, 1708px 1808px #004f85, 282px 429px #004f85,
        1914px 1465px #004f85, 532px 1656px #004f85, 36px 1468px #004f85,
        1267px 745px #004f85, 922px 718px #004f85, 971px 791px #004f85,
        852px 99px #004f85, 1819px 1236px #004f85, 159px 1107px #004f85,
        537px 559px #004f85, 1726px 1920px #004f85, 521px 369px #004f85,
        1052px 388px #004f85, 884px 276px #004f85, 678px 455px #004f85,
        1569px 490px #004f85, 1634px 1941px #004f85, 1640px 613px #004f85,
        250px 545px #004f85, 1284px 49px #004f85, 573px 147px #004f85,
        495px 636px #004f85, 1078px 500px #004f85, 1157px 1672px #004f85,
        74px 299px #004f85, 1856px 408px #004f85, 1557px 1004px #004f85,
        1718px 420px #004f85, 1572px 1047px #004f85, 1875px 748px #004f85,
        529px 1767px #004f85, 1076px 949px #004f85, 1549px 1224px #004f85,
        1225px 1410px #004f85, 668px 1507px #004f85, 698px 1286px #004f85,
        1384px 466px #004f85, 1545px 763px #004f85, 1972px 248px #004f85,
        1284px 1610px #004f85, 1843px 33px #004f85, 1787px 351px #004f85,
        85px 1259px #004f85, 24px 1062px #004f85, 46px 578px #004f85,
        1489px 1126px #004f85, 1832px 1623px #004f85, 573px 1094px #004f85,
        1285px 585px #004f85, 1814px 473px #004f85, 586px 1712px #004f85,
        650px 1638px #004f85, 1876px 1700px #004f85, 469px 173px #004f85,
        1100px 160px #004f85, 316px 754px #004f85, 1644px 938px #004f85,
        794px 1808px #004f85, 292px 1879px #004f85, 1px 1584px #004f85,
        748px 918px #004f85, 1582px 1855px #004f85, 1018px 1502px #004f85,
        110px 1722px #004f85, 674px 1802px #004f85, 303px 1222px #004f85,
        660px 813px #004f85, 945px 657px #004f85, 1488px 1274px #004f85,
        942px 855px #004f85, 1627px 645px #004f85, 799px 632px #004f85,
        1511px 280px #004f85, 1846px 793px #004f85, 1902px 1621px #004f85,
        710px 712px #004f85, 1172px 1828px #004f85, 1664px 1544px #004f85,
        1930px 1359px #004f85, 561px 1395px #004f85, 1623px 1567px #004f85,
        1548px 659px #004f85, 919px 1697px #004f85, 1448px 501px #004f85,
        1016px 1400px #004f85, 763px 1636px #004f85, 534px 1569px #004f85,
        1889px 252px #004f85, 942px 1138px #004f85, 1453px 569px #004f85,
        1959px 1782px #004f85, 1073px 1841px #004f85, 773px 291px #004f85,
        623px 1412px #004f85, 1028px 1020px #004f85, 287px 524px #004f85,
        1320px 1851px #004f85, 1210px 356px #004f85, 1083px 1471px #004f85,
        697px 1128px #004f85, 152px 1044px #004f85, 598px 643px #004f85,
        1580px 666px #004f85, 699px 271px #004f85, 1590px 1404px #004f85,
        1940px 1602px #004f85, 323px 240px #004f85, 1174px 1464px #004f85,
        1967px 1283px #004f85, 147px 686px #004f85, 785px 1818px #004f85,
        377px 1791px #004f85, 280px 1853px #004f85, 1099px 1304px #004f85,
        123px 319px #004f85, 946px 501px #004f85, 1980px 1083px #004f85,
        1224px 253px #004f85, 1839px 1701px #004f85, 1451px 97px #004f85,
        629px 98px #004f85, 267px 790px #004f85, 288px 38px #004f85,
        587px 614px #004f85, 1892px 1334px #004f85, 229px 1327px #004f85,
        1893px 1336px #004f85, 1257px 1391px #004f85, 472px 1040px #004f85,
        1608px 1367px #004f85, 1000px 906px #004f85, 627px 1906px #004f85,
        1292px 1891px #004f85, 1558px 1685px #004f85, 449px 239px #004f85,
        1627px 1815px #004f85, 1922px 1551px #004f85, 1138px 139px #004f85,
        323px 1359px #004f85, 1651px 496px #004f85, 980px 1955px #004f85,
        431px 658px #004f85, 1861px 921px #004f85, 1747px 1175px #004f85,
        1711px 1586px #004f85, 1403px 979px #004f85, 1816px 1632px #004f85,
        1969px 1814px #004f85, 1947px 1888px #004f85, 796px 405px #004f85,
        426px 128px #004f85, 1071px 842px #004f85, 809px 879px #004f85,
        1648px 515px #004f85, 1036px 783px #004f85, 267px 1458px #004f85,
        1636px 1150px #004f85, 1367px 1901px #004f85, 1914px 1662px #004f85,
        1821px 1010px #004f85, 1858px 235px #004f85, 133px 636px #004f85,
        1677px 1743px #004f85, 1551px 838px #004f85, 424px 1705px #004f85,
        937px 1790px #004f85, 158px 1949px #004f85, 1856px 885px #004f85,
        100px 1660px #004f85, 794px 831px #004f85, 352px 793px #004f85,
        1746px 391px #004f85, 1936px 164px #004f85, 1213px 1868px #004f85,
        636px 120px #004f85, 1368px 1464px #004f85, 1401px 1083px #004f85,
        1076px 1773px #004f85, 395px 113px #004f85, 729px 1730px #004f85,
        1404px 1476px #004f85, 176px 989px #004f85, 1999px 45px #004f85,
        1253px 1607px #004f85, 863px 835px #004f85, 1410px 445px #004f85,
        1027px 39px #004f85, 944px 1650px #004f85;
    z-index: -1;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    position: fixed;
    box-shadow: 517px 389px #004f85, 1513px 213px #004f85, 1518px 675px #004f85,
        657px 1724px #004f85, 324px 1010px #004f85, 1876px 1096px #004f85,
        1371px 1468px #004f85, 1348px 1563px #004f85, 1744px 561px #004f85,
        444px 1180px #004f85, 1608px 1064px #004f85, 1081px 336px #004f85,
        433px 101px #004f85, 409px 111px #004f85, 310px 1895px #004f85,
        1015px 979px #004f85, 913px 238px #004f85, 821px 1282px #004f85,
        1355px 1167px #004f85, 435px 1671px #004f85, 1379px 1373px #004f85,
        826px 167px #004f85, 1653px 403px #004f85, 1786px 95px #004f85,
        1402px 677px #004f85, 322px 1552px #004f85, 1491px 1384px #004f85,
        350px 2000px #004f85, 525px 941px #004f85, 1006px 1883px #004f85,
        250px 1649px #004f85, 753px 1216px #004f85, 497px 521px #004f85,
        611px 1098px #004f85, 1325px 316px #004f85, 175px 1479px #004f85,
        1068px 336px #004f85, 1257px 413px #004f85, 75px 1259px #004f85,
        1399px 178px #004f85, 1974px 2000px #004f85, 1509px 218px #004f85,
        970px 1414px #004f85, 1959px 1669px #004f85, 829px 1768px #004f85,
        1441px 127px #004f85, 1697px 1167px #004f85, 726px 519px #004f85,
        1310px 969px #004f85, 1010px 336px #004f85, 264px 1582px #004f85,
        112px 686px #004f85, 334px 1473px #004f85, 1506px 1176px #004f85,
        545px 1622px #004f85, 811px 1299px #004f85, 174px 659px #004f85,
        371px 1986px #004f85, 1310px 1902px #004f85, 386px 430px #004f85,
        340px 1847px #004f85, 1690px 1793px #004f85, 1394px 1354px #004f85,
        1144px 462px #004f85, 1108px 495px #004f85, 167px 1627px #004f85,
        235px 1481px #004f85, 1178px 1467px #004f85, 595px 1800px #004f85,
        912px 530px #004f85, 1511px 1344px #004f85, 38px 1948px #004f85,
        1072px 115px #004f85, 537px 717px #004f85, 700px 523px #004f85,
        1288px 1351px #004f85, 82px 1871px #004f85, 1338px 1838px #004f85,
        1763px 593px #004f85, 10px 1180px #004f85, 337px 943px #004f85,
        145px 1994px #004f85, 1898px 1265px #004f85, 179px 799px #004f85,
        970px 1952px #004f85, 1221px 542px #004f85, 394px 762px #004f85,
        508px 784px #004f85, 775px 1226px #004f85, 1310px 1759px #004f85,
        91px 1693px #004f85, 300px 1244px #004f85, 1880px 1187px #004f85,
        1970px 321px #004f85, 1683px 1371px #004f85, 1966px 1274px #004f85,
        772px 1549px #004f85, 1041px 1877px #004f85, 743px 318px #004f85,
        333px 649px #004f85;
    animation: animStar 150s linear infinite;
    z-index: -1;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 517px 389px #004f85, 1513px 213px #004f85, 1518px 675px #004f85,
        657px 1724px #004f85, 324px 1010px #004f85, 1876px 1096px #004f85,
        1371px 1468px #004f85, 1348px 1563px #004f85, 1744px 561px #004f85,
        444px 1180px #004f85, 1608px 1064px #004f85, 1081px 336px #004f85,
        433px 101px #004f85, 409px 111px #004f85, 310px 1895px #004f85,
        1015px 979px #004f85, 913px 238px #004f85, 821px 1282px #004f85,
        1355px 1167px #004f85, 435px 1671px #004f85, 1379px 1373px #004f85,
        826px 167px #004f85, 1653px 403px #004f85, 1786px 95px #004f85,
        1402px 677px #004f85, 322px 1552px #004f85, 1491px 1384px #004f85,
        350px 2000px #004f85, 525px 941px #004f85, 1006px 1883px #004f85,
        250px 1649px #004f85, 753px 1216px #004f85, 497px 521px #004f85,
        611px 1098px #004f85, 1325px 316px #004f85, 175px 1479px #004f85,
        1068px 336px #004f85, 1257px 413px #004f85, 75px 1259px #004f85,
        1399px 178px #004f85, 1974px 2000px #004f85, 1509px 218px #004f85,
        970px 1414px #004f85, 1959px 1669px #004f85, 829px 1768px #004f85,
        1441px 127px #004f85, 1697px 1167px #004f85, 726px 519px #004f85,
        1310px 969px #004f85, 1010px 336px #004f85, 264px 1582px #004f85,
        112px 686px #004f85, 334px 1473px #004f85, 1506px 1176px #004f85,
        545px 1622px #004f85, 811px 1299px #004f85, 174px 659px #004f85,
        371px 1986px #004f85, 1310px 1902px #004f85, 386px 430px #004f85,
        340px 1847px #004f85, 1690px 1793px #004f85, 1394px 1354px #004f85,
        1144px 462px #004f85, 1108px 495px #004f85, 167px 1627px #004f85,
        235px 1481px #004f85, 1178px 1467px #004f85, 595px 1800px #004f85,
        912px 530px #004f85, 1511px 1344px #004f85, 38px 1948px #004f85,
        1072px 115px #004f85, 537px 717px #004f85, 700px 523px #004f85,
        1288px 1351px #004f85, 82px 1871px #004f85, 1338px 1838px #004f85,
        1763px 593px #004f85, 10px 1180px #004f85, 337px 943px #004f85,
        145px 1994px #004f85, 1898px 1265px #004f85, 179px 799px #004f85,
        970px 1952px #004f85, 1221px 542px #004f85, 394px 762px #004f85,
        508px 784px #004f85, 775px 1226px #004f85, 1310px 1759px #004f85,
        91px 1693px #004f85, 300px 1244px #004f85, 1880px 1187px #004f85,
        1970px 321px #004f85, 1683px 1371px #004f85, 1966px 1274px #004f85,
        772px 1549px #004f85, 1041px 1877px #004f85, 743px 318px #004f85,
        333px 649px #004f85;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-1000px);
    }
}

/* ===================================== */
/* COHETE */
/* ===================================== */

.rocket {
    transform-box: fill-box;
    transform-origin: 50% 50%;
    offset-distance: var(--offset);
    offset-path: path('M417,328.5h702s551.86-21.6,609,277c4,20.89,30.47,84,21.5,178-1.14,11.9-5.17,39.83-10.5,76a352.36,352.36,0,0,1-13.25,54.28c-36.74,108.64-127.14,177.61-127.14,177.61-52.87,39.89-125.17,70.78-223.61,76.11l-621.5-7s-356-28-497,193.17c-157.07,246.38,50,554.83,50,554.83s61.5,110,398,112c291.24,1.73,1117.49-14,1117.5-14h0');
    animation: robot_balanceo 2s infinite;
}

@supports (offset-distance: 1%) {
    .rocket_alfa {
        transform-box: fill-box;
        transform-origin: 50% 50%;
        offset-distance: var(--offset);
        offset-path: path('M454.8,543.4c235.6,4.8,471.3,9.5,706.9,14.3c69.5,42.3,173.4,117.4,264.6,240.6   c26.9,36.3,76.1,103.6,109.2,193.6c57.3,155.5,79.6,413.8-49.8,575.7c-94.1,117.7-185.1,80.1-595.4,221.8   c-266.8,92.2-401.9,140.3-483.1,239.9c-143,175.5-154.7,444.1-70,652.9c112.4,277.1,366.4,379.7,413.7,397.8   c239.8,4.2,479.5,8.5,719.3,12.7');
        animation: robot_balanceo 2s infinite;
    }
}

/* ===================================== */
/* TRABAJOS EL TEMA DEL RESPONSIVE */
/* ===================================== */

.section_hero {
    justify-content: normal;
    align-items: normal;
    /* height: 100vh; */
    display: block;
    padding: 25px 50px;
}

/* ======================================= */
/* EFECTO ESTRELLAS */
/* ======================================= */

#panel {
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.7;
}

canvas {
    width: 100%;
}

/* RESPONSIVO MINUMO 450  */

@media screen and (max-width: 449px) {

    .section_hero {
        height: 95vh;
        padding: 25px 0px;
        overflow: hidden;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 8%;
    }

    .header>div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header>div>img {
        height: 40px;
    }

    .hero {
        height: 40%;
        display: grid;
        grid-template-columns: 70% 30%;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .hero_robot {
        grid-area: 1 / 2 / 2 / 3;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .hero_robot>.imagen_tobot_parado {
        height: 250px;
        margin: auto;
        position: absolute;
        left: -50px;
        /* HACEMOS QUE EL ROBOT ENTRE DESDE LA DERECHA */
        /* animation: robot_entra 5s forwards; */
        /* HACEMOS UN DELAY DE UN SEGUNDO */
        /* animation-delay: 3s; */
        /* CREAMOS UNA ANIMACION DONDE EL ROBOT SE BALANCEA */
        /* animation: robot_balanceo 2s infinite; */
        /* HACEMOS UNA ANIMACION DONDE EL ROBOT ENTRA DESDE LA DERECHA Y LUEGO SE BALANCEA INFINITAMENTA */
        animation: robot_entra 5s forwards, robot_balanceo 2s infinite;
    }

    @keyframes robot_entra {
        from {
            left: 200px;
            height: 150px;
        }

        to {
            left: -50px;
            height: 250px;
        }
    }

    @keyframes robot_balanceo {
        0% {
            transform: rotate(-5deg);
        }

        50% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(-5deg);
        }
    }

    .hero_text {
        grid-area: 1 / 1 / 2 / 2;
        width: 100%;
        z-index: 100000000;
        justify-content: center;
    }

    .hero>.hero_text>h1 {
        font-size: 25px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .boton_orbita_a {
        font-size: 16px;
    }

    .btns_onepage {
        display: grid;
        grid-template-columns: 10% 80% 10%;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 15px;
        height: 40%;
    }

    .btns_onepage_1 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .btns_onepage_2 {
        grid-area: 2 / 2 / 3 / 3;
    }

    .btns_onepage_3 {
        grid-area: 3 / 2 / 4 / 3;
    }
}

/* RESPONSIVO DESDE 450 A 768 */

@media screen and (min-width: 450px) and (max-width: 768px) {

    .section_hero {
        height: 100vh;
        padding: 25px 20px;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
    }

    .header>div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header>div>img {
        height: 40px;
    }

    .hero {
        height: 50%;
        display: grid;
        grid-template-columns: 70% 30%;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .hero_robot {
        grid-area: 1 / 2 / 2 / 3;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .hero_robot>img {
        height: 250px;
        margin: auto;
        position: absolute;
        left: -50px;
        animation: robot_entra 5s forwards, robot_balanceo 2s infinite;
    }

    @keyframes robot_entra {
        from {
            left: 200px;
            height: 150px;
        }

        to {
            left: -50px;
            height: 250px;
        }
    }

    @keyframes robot_balanceo {
        0% {
            transform: rotate(-5deg);
        }

        50% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(-5deg);
        }
    }

    .hero_text {
        grid-area: 1 / 1 / 2 / 2;
        width: 100%;
        z-index: 100000000;
        justify-content: center;
    }

    .hero>.hero_text>h1 {
        font-size: 25px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .boton_orbita_a {
        font-size: 16px;
    }

    .btns_onepage {
        display: grid;
        grid-template-columns: 10% 80% 10%;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 15px;
        height: 40%;
    }

    .btns_onepage_1 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .btns_onepage_2 {
        grid-area: 2 / 2 / 3 / 3;
    }

    .btns_onepage_3 {
        grid-area: 3 / 2 / 4 / 3;
    }
}

/* RESPONSIVO DESDE 768 A 1024 */

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .section_hero {
        height: 100vh;
        padding: 25px 30px;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
    }

    .header>div {
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .header>div>img {
        height: 40px;
    }

    .hero {
        height: 65%;
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .hero_robot {
        grid-area: 1 / 2 / 2 / 3;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .hero_robot>img {
        height: 350px;
        margin: auto;
        position: absolute;
        left: -50px;
        animation: robot_entra 5s forwards, robot_balanceo 2s infinite;
    }

    @keyframes robot_entra {
        from {
            left: 600px;
            height: 150px;
        }

        to {
            left: -50px;
            height: 350px;
        }
    }

    @keyframes robot_balanceo {
        0% {
            transform: rotate(-5deg);
        }

        50% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(-5deg);
        }
    }

    .hero_text {
        grid-area: 1 / 1 / 2 / 2;
        width: 100%;
        z-index: 100000000;
        justify-content: center;
    }

    .hero>.hero_text>h1 {
        font-size: 25px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .btns_onepage {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        height: 15%;
        margin: 0px 40px;
    }

    .boton_orbita_a {
        font-size: 16px;
    }

    .btns_onepage_1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .txt_btn_1 {
        margin: 20px;
    }

    .btns_onepage_2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .btns_onepage_3 {
        grid-area: 1 / 3 / 2 / 4;
    }
}

/* RESPONSIVO DESDE 1025 A 1440 */

@media screen and (min-width: 1025px) and (max-width: 1440px) {

    .section_hero {
        height: 100vh;
        padding: 25px 70px;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
    }

    .header>div {
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .header>div>img {
        height: 50px;
    }

    .hero {
        height: 65%;
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .hero_robot {
        grid-area: 1 / 2 / 2 / 3;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .hero_robot>img {
        height: 350px;
        margin: auto;
        position: absolute;
        left: 0px;
        animation: robot_entra 5s forwards, robot_balanceo 2s infinite;
    }

    @keyframes robot_entra {
        from {
            left: 600px;
            height: 150px;
        }

        to {
            left: 0px;
            height: 350px;
        }
    }

    @keyframes robot_balanceo {
        0% {
            transform: rotate(-5deg);
        }

        50% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(-5deg);
        }
    }

    .hero_text {
        grid-area: 1 / 1 / 2 / 2;
        width: 100%;
        z-index: 100000000;
        justify-content: end;
    }

    .hero>.hero_text>h1 {
        font-size: 45px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .btns_onepage {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 0px;
        height: 15%;
        margin: 0px 40px;
    }

    .boton_orbita_a {
        font-size: 17px;
    }

    .btns_onepage_1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .txt_btn_1 {
        margin: 20px;
    }

    .btns_onepage_2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .btns_onepage_3 {
        grid-area: 1 / 3 / 2 / 4;
    }
}

/* RESPONSIVO DESDE 1441 A 1920 */

@media screen and (min-width: 1441px) and (max-width: 1920px) {

    .section_hero {
        height: 100vh;
        padding: 25px 100px;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
    }

    .header>div {
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .header>div>img {
        height: 50px;
    }

    .hero {
        height: 65%;
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .hero_robot {
        grid-area: 1 / 2 / 2 / 3;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .hero_robot>img {
        height: 350px;
        margin: auto;
        position: absolute;
        left: 0px;
        animation: robot_entra 5s forwards, robot_balanceo 2s infinite;
    }

    @keyframes robot_entra {
        from {
            left: 600px;
            height: 150px;
        }

        to {
            left: 0px;
            height: 350px;
        }
    }

    @keyframes robot_balanceo {
        0% {
            transform: rotate(-5deg);
        }

        50% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(-5deg);
        }
    }

    .hero_text {
        grid-area: 1 / 1 / 2 / 2;
        width: 100%;
        z-index: 100000000;
        justify-content: end;
    }

    .hero>.hero_text>h1 {
        font-size: 45px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .btns_onepage {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 0px;
        height: 15%;
        margin: 0px 60px;
    }

    .boton_orbita_a {
        font-size: 19px;
    }

    .btns_onepage_1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .txt_btn_1 {
        margin: 20px;
    }

    .btns_onepage_2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .btns_onepage_3 {
        grid-area: 1 / 3 / 2 / 4;
    }
}