body{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: var(--bg-secundario);

    box-shadow: var(--shadow-box);

}

#acesso{

    background-color: var(--bg-principal);

    overflow: hidden;

    border-radius: 10px;

}

h1{

    text-align: center;

}

.conteiner-logo-acesso, .logo-acesso{

    width: 100%;

}

section#acesso > .form-user {

    padding: 25px;

}



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

    #acesso{

        padding: 50px 15px 15px 15px;

        width: 80%;

    }

    #login h1, #login label{

        font-size: 2.5rem;

    }

    #login > div > input{

        font-size: 3.5rem;

        outline: 1.5px solid rgb(80, 80, 80);

        padding: 10px;

    }

    .form-user, #login{

        width: 100%;

    }

    #btnCadastro{

        font-size: 2.5rem;

        width: 100%;

    }

}