/* ####################### MENSAGEM ERRO ####################### */

body.login .erro {
margin-top: -25px;
margin-bottom: -30px;
}

/* ####################### BODY, FORM E H1/h3 ####################### */

.login {
background: rgb(20, 0, 20);
color: rgb(200, 200, 200);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-top: -90px;
}

.login form {
background: rgba(20, 0, 20);
display: flex;
flex-direction: column;
align-items: center;
width: 350px;
gap: 20px;
}

.login h1 {
font-size: 140px;
margin-bottom: -10px;
}

.login h3 {
font-size: 20px;
margin-bottom: 60px;
color: rgb(200, 200, 200);
font-style: italic;
}

/* ####################### LABEL E INPUT PAGINA LOGIN ####################### */

body.login label {
display: flex;
flex-direction: column;
text-align: left;
font-size: 20px;
margin-bottom: 20px;
gap: 5px;
}

body.login input {
background: rgb(200, 200, 200);
font-size: 18px;
height: 40px;
width: 300px;
padding: 0px 20px;
border-radius: 10px;
border: none;
text-align: left;
}

/* ####################### BOTAO PAGINA LOGIN ####################### */

body.login .botoes {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}

body.login .botoes button,
body.login .botoes a {
background: rgb(40, 0, 40);
color: rgb(255, 255, 255);

padding: 10px 60px;
font-size: 20px;
border-radius: 10px;
margin-top: -20px;

border: none;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
font-family: inherit;
}

body.login button:hover,
body.login a:hover {
background-color: rgb(30, 0, 30);
box-shadow: 0px 0px 20px rgb(100, 0, 100, 100);
}