@font-face {
    src: url('../fonts/PRODUCT SANS REGULAR.TTF');
    font-family: 'Google Regular';
}
@font-face {
    src: url('../fonts/PRODUCT SANS BOLD.TTF');
    font-family: 'Google Bold';
}

.btn {
    border-radius: 20px;
}


hr {
    border: 1px solid #ccc;
    width: 100%;
}

*:not(h1):not(h2):not(h3):not(h4):not(h5) {
    font-family: 'Google Regular' !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Google Bold';
}

#loginForm {
    z-index: 100;
    width: 100%;
    padding: 5rem;
    flex-shrink: 2;

    display: flex;
    align-items: center;
    flex-flow: column wrap;
}

#bgImage {
    background-image: url(/images/xsimulador-2.png.pagespeed.ic.r5JtDvp-Uv.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll; 
    background-size: cover;
    width: 100%;
    height: 100vh;
    
    z-index: 0;
    display: flex;
    flex-flow: column wrap;
}
    #bgImage:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fde428;
        background-color: rgba(253, 228, 40, 0.8);
    }

#bienvenida {
    max-width: 600px;
    align-self: center;
}

h1, h5, a {
        z-index: 100;
    }

    @media screen (max-width: 768px) {
        #bgImage {
            height: auto;
        }
    }