#login{
    display: grid;
    grid-template-rows: 300px auto;
    gap: 10px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    }
#login > div{
    
    }
#login-form{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
#login-form > div{
    width: 420px;
    max-width: 70vw;
    transform: translateY(-10%);
    }
.login-password-recover{
    font-family: var(--font-ui);
    font-size: var(--font-ui-size-default);
    margin-top: 8px;
    margin-bottom: 16px;
    }
.login-terms > p{
    margin-bottom: 16px;
    }
.login-register > p{
    margin-top: 16px;
    }

/* modal de termos de uso */
.login-modal-terms{
    padding: 20px;
    }
.login-modal-terms > h1{
    margin-bottom: 10px;
    }