*{
    font-family:"Poppins", sans-serif;
    scroll-behavior:smooth;
}

figure img, span img, div img{width:100%}

:root{
    --nebula-desktop:1400px;
    --header-size:70px;
    --header-negative:-80px;
}
/**/
.header__main{
    display:flex;
    justify-content:center;
    align-items:center;
    height:var(--header-size);
    gap:10px;
    position:fixed;
    z-index:2;
    width:100%;
    background:#ffffff10;
    backdrop-filter:blur(20px);
    z-index:9;
}
.site__logo{
    border:2px solid;
    height:70px;
    border-radius:15px;
    overflow:hidden;
    background:#fff;
}
.site__logo img{
    height:100%;
}

/*design background*/

/*back*/
.vector_sun_test1{fill:#C8E98B}
.vector_sun{
    position:absolute;
    bottom:0;
    display:flex;
    max-width:250px;
}
.vector_sun span{
    max-width:250px;
    display:flex;
}
.vector_sun span svg{
    width:100%;
    height:100%;
}
.sun_left{
    left:0;
}
.sun_right{
    right:0;
    transform:rotateY(-180deg);
}
.main_content{
    height:calc(100vh - 105px);
}


/*message await*/

.alert-message{
    border:1px solid;
    position:fixed;
    width:100%;
    height:100vh;
    background:var(--equidad-primary);
    z-index:999;
    top:0;left:0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.message_await{
    width:90%;
    max-width:300px;
    background:var(--equidad-primary);
    border-radius:15px;
    border:3px solid;
    padding:1em;
    text-align:center;
}


@media(max-width:1400px){
    .vector_sun{
        max-width:100px;
    }
    .site__logo{
        height:60px;
    }
    .header__main{
        height:65px;
    }
}
@media(max-width:800px){
    .site__logo{
        height:45px;
        border-radius:8px;
        border:1px solid;
    }
    .vector_sun span{
        max-width:150px;
        display:flex;
    }
}