.header-logo{
    background-color: #2caebd;
}

.login-logo{
    width:auto; 
    height:6%;
    border-radius: 50%;
}

.registration-modal, .login-modal{
    position: relative;
}

.registration-modal{
    max-width: 65vh;
}

.login-modal{
    max-width: 50vh;
}


/* Style for error messages */
.error {
    color: red;
    background-color: #f8d7da;
    padding: 10px;
    border: 1px solid red;
    margin-bottom: 10px;
}

/* Style for success messages */
.success {
    color: green;
    background-color: #d4edda;
    padding: 10px;
    border: 1px solid green;
    margin-bottom: 10px;
}