.login-container{
    transition: visibility 10.0s ease, height 10.0s ease;
}

.minimize{
    height: 0px;
    margin:0px;
    padding: 0px
}

#errorMessage{
    margin-top:5px;
    color:red;
}

.login-container input{
    font-family: mountains_of_christmasregular;
    width: 80%;
    max-width: 300px;
    padding: 10px 15px;
    margin: 10px 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent to fit the dark theme */
    color: white; /* Light text color */
    font-size: 1rem;
    text-align: center;
    outline: none;
    color: gainsboro;
}

.login-container input::placeholder{
    
    color: white; /* Light text color */

}

.login-container button{
  margin-top: 15px;
  width: 50%;
  padding: 10px 20px;
  font-size: 1rem;
  font-family: mountains_of_christmasregular;
  border: gray 1px solid;
  backdrop-filter: blur(50px);
  background-color: white;
  transition: box-shadow 0.3s ease;
  color: black;
}

.login-container button:hover{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  }

.login-overlay{
    position: absolute;
    top:0px;
    left:0px;
    filter: blur(10px);
    width: 100%;
    height: 100%;
    transition: backdrop-filter 3.0s ease;
    z-index: 10000;
}

.blurred{
    backdrop-filter: blur(50px);
}

.blurred-background{
    backdrop-filter: blur(50px);
}