body {
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    max-width: 100vw; /* Impedisce al container di espandersi troppo */
}

.login-container {
    width: 350px !important;
    padding: 15px !important;
    background: white !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
}

.logo {
    width: 70% !important;
    /*max-width: 50px !important;*/
    height: auto !important;
    margin-bottom: 10px !important;
}


#login-form {
    font-size: 14px; /* Riduce leggermente la dimensione del testo per adattarsi meglio */
}

input {
    font-size: 12px; /* Riduce la dimensione del testo nei campi input */
}

button {
    font-size: 14px; /* Rende il bottone più proporzionato */
}