/* Logon Page Styling */

.loginPageContainer {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    min-height: 100vh; 
    background: linear-gradient(135deg, #ebebeb, #aaaaaa);
}

.container {
width: 380px;
}

.logo {
    width: 80px;
    height: 80px;

    border-radius: 50%;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
}

.input, button {
    background-color: rgb(231, 237, 237);
    border-color: rgb(231, 237, 237);
}

.footer {
    margin-top: 1.5rem;
    font-size: 0.85rem;
    color: #5b8f75;
}

.footer a {
    color: #646363;
    text-decoration: none;
    transition: color 0.3s;
}

.footer a:hover {
    color: #2c8656;
}