#container-login {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
}
#caixa-login {
background: #f5a8c993;
border-radius: 20px;
width: 300px;
padding: 20px;
text-align: center;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
#caixa-login input {
margin: 10px 0;
width: auto;
padding: 10px;
border-radius: 20px;
border: 1px solid #ffffff;
}
#caixa-login input:hover {
background-color: #6000322d;
}
#botao-fechar {
position: absolute;
top: 130px;
align-self: center;
right: 510px;
cursor: pointer;
background-color: #ffffff;
padding: 5px 10px;
font-weight: 900;
color: rgb(255, 0, 0);
border-radius: 20px;
}
#botao-fechar:hover{
background-color: #ff0000;
color: white;
}
.mensagem-erro {
color: red;
}