.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1;
}
#container-login {
position: relative;
max-width: 350px;
background-color: #000000ad;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
color: white;
}
#container-login h2{
color: rgb(255, 255, 255);
text-align: center;
font-size: xx-large;
margin-bottom: 20px;
}
#container-login input {
width: 100%;
padding: 10px;
margin: 8px 0;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.932);
}
#container-login button {
background-color: blue;
width: 100%;
color: white;
padding: 10px 15px;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: medium;
margin-top: 12px;
}
#container-login button:hover{
background-color: rgb(23, 58, 255);
}
.close-button {
position: absolute;
top: 10px;
right: 10px;
font-size: x-large;
cursor: pointer;
}
.close-button:hover{
color: red;
}