body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center; /* Centra orizzontalmente */
    align-items: center; /* Centra verticalmente */
    font-family: Arial, sans-serif;
}

/* Stile per il contenitore del form */
#loginFormContent {
    border: 2px solid #ccc;
    border-radius: 10px;
    width: 26em;
    text-align: center;
    
}
/*bordi del body*/
#loginForm {
    border: 2px solid #ccc;
    border-radius: 10px;
    width: auto;
}
#loginFormContent {
    border: 2px solid #ccc;
    border-radius: 10px;
    width: 26em;
    text-align: center;
    
}

/*stile per la test del form*/
#loginHead{
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: white;
    max-height: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: larger;
    padding: 0.4em;
}


/*stile per il corpo del form*/
#loginBody{
    color: white;
}

/*stile per il label del form*/
#loginBody label{
    font-size: 28px;
}

/*input di login*/
#loginBody input{
    border: none;
    padding-right: 2em;
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 20px ;
    transition: 0.3s;
}

#loginBody input::selection{
    border-color: white;
}
#loginBody input:hover{
    padding-right: 2.4em;
    padding-left: 2.4em;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
#loginBody input:focus{
    border: 4px solid rgb(67, 67, 67); /* Cambia il colore del bordo in bianco */
    outline: none; /* Rimuove il bordo di default che appare nei browser */
}

#loginBody input::placeholder {
    font-size: 18px; /* Imposta la dimensione del placeholder */
    color: #ccc; /* Cambia il colore se vuoi */
}

#loginBody button{
    border: none;
    background: none;
}
#loginBody img{
    max-width: 35px;
}

#passwordInput{
    display: flex;
    margin-left: 6em;
}


/*stile per il find del form*/
#loginFoot{
    display: flex;
    justify-content: right;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
}
/*bottone formBottom*/
#loginFoot button{
    font-size: larger;
    color: white;
    border: none;
    background: none;
    transition: 0.3s;
}

#loginFoot button:hover{
    color: rgb(107, 107, 107);
    font-size: 25px;
}

/* Media query per dispositivi mobili (max-width: 767px) */
@media (max-width: 767px) {
    body {
        margin: 0;
        height: 100vh; /* Imposta l'altezza della finestra */
        display: flex;
        justify-content: center; /* Centra orizzontalmente */
        align-items: flex-start; /* Allinea in alto */
        font-family: Arial, sans-serif;
        padding-top: 20px; /* Distanza dal top della pagina (puoi regolarla) */
    }

    #passwordInput{
        margin-left: 4.2em;
    }
}