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

.cadastro .faca_cadastro {
text-align: center;
margin-top: -30px;
margin-bottom: 3px;
font-size: 30px;
}

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

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

.cadastro {
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;
}

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

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

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

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

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

.cadastro 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 ####################### */

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

.cadastro .botoes button,
.cadastro .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;
}

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