form {
    max-width: 90%;
    padding: 2%;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1); /* Ombre portée pour le formulaire */
}

input[type="text"],
input[type="email"] {
    margin-bottom: 2%;
    width: 80%; /* Largeur totale */
    padding: 2%;
}

textarea {
    margin-bottom: 2%;
    padding: 2%;
    width: 90%;
}

button[type="submit"] {
    cursor: pointer;
}

button[type="submit"]:hover {
    background: #0056b3; /* Légère variation de couleur au survol */
}

input[type="text"].nav-link-button, input[type="email"].nav-link-button{
    text-align: left;
    animation: none;
}

input[type="text"].nav-link-button:hover, input[type="email"].nav-link-button:hover{
    text-align: left;
    animation: none;
}

textarea.nav-link-button {
    text-align: left;
    height: 500px; /* Hauteur spécifique pour la zone de texte */
}

textarea.nav-link-button:hover{
    animation: none;
}


@media (min-width: 769px) {


}


/* Pour les écrans mobiles */
@media (max-width: 768px) {
    form {
        max-width: 90%;
        padding: 3.5%;
    }

    input[type="text"],
    input[type="email"] {
    margin-bottom: 3%;
    width: 80%; /* Largeur totale */
    padding: 3.5%;
    padding-left: 6.5%;
    }

    textarea {
    margin-bottom: 3.5%;
    padding: 3.5%;
    width: 80%;
    }

    textarea.nav-link-button {
        text-align: left;
        height: 300px; /* Hauteur spécifique pour la zone de texte */
    }


}