body,html{
        background: linear-gradient(0deg, #F5F5F5, #F5F5F5),
        radial-gradient(71.54% 87.88% at 0% 0%, rgba(3, 48, 91, 0.14) 0%, rgba(7, 45, 78, 0.03) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

        /*background: rgba(255, 255, 255, 0.1);*/
        width: 100vw !important;
        height: 100vh !important;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2vmax;
}
@font-face{
    font-family:Humanist521;
    src:url(/assets/Humanist521BT.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
*{
    font-family:Humanist521,Times New Roman,Times,serif
}
html,body{
        font-family: "Humanist521",'Times New Roman', Times, serif;
}
#logo:is(img) {
        aspect-ratio: 441/39;
        width: 30%;
}
form{
        padding: 2%;
        background: rgba(249, 249, 249, 1);
        max-width: 800px;
        max-height: 628px;
        width: 30%;
        aspect-ratio: 800/628;
        box-shadow: 0px 4px 15.9px 2px rgba(0, 0, 0, 0.15);
        border-radius: 15px;
        gap: 2%;
        justify-content: space-evenly;
        display: flex;
        align-items: center;
        flex-direction: column;
}
form > h1{
        color: rgba(4, 49, 88, 1);
        font-weight: bolder;
}
form > h3{
        font-weight: 400;
}
form > h1, form > h3{
        margin: 0;
}
form > div{
        display: flex;
        flex-direction: column;
        width: 90%;
}
form > div > input{
        border-color: rgba(186, 186, 186, 1);
        border-width: 1px;
        border-style: solid;
        border-radius: 10px;
        aspect-ratio: 513/60;
        width: 100%; 
}
input[type="submit"]{
        background: linear-gradient(95.34deg, #DFAE1C -7.86%, #BE8F03 22.62%, #936818 103.37%);
        color: white;
        border: 1px solid rgba(228, 171, 0, 1);
        border-radius: 8px;
        aspect-ratio: 513/61;
        width: 90%;
        padding: 0;
        margin: 0;
        box-shadow: 0px 4px 6.3px 0px rgba(0, 0, 0, 0.16);
}

a{
        font-weight: bold;
        text-decoration: underline;
        color: black;
}
p{
        color: black;
}

.esq {
    position: absolute;
    color: white;
    width: 732.8572998046883px;
    height: 935.9965209960945px;
    opacity: 1;
    bottom: -300px;
    mix-blend-mode: plus-lighter;
}
#e1{
        pointer-events: none;
        left: -175px;
}
#e2{
        z-index: -100;
        right: -175px;
        pointer-events: none;
        transform: scaleX(-1);
}
.privacy{
        display: flex;
        flex-direction: row;
}
.privacy > input{
        height: 1.5rem;
        width: 1.5rem;
}