/**
 * CSS POUR LA PAGE DE CONNEXION
 */
.connexion-form{
    text-align: center;
    color: whitesmoke;
    width: 40%;
    padding: 1em;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(74, 74, 74, 0.29);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    margin: 3em auto;
}
.connexion-form h2{
    font-size: 2rem;
    text-align: center;
    margin: 0.5em 0;
    text-shadow: 1px 1px 2px black;
}
.connexion-form .field{
    margin: 1.5em;
}
.connexion-form input{
    box-sizing: border-box;
    height: 2.5em;
    border-radius: 10px;
    padding: 0 1em;
}
.connexion-form button{
    background-color: pink;
    padding: 0.5em 1em;
    border-radius: 40px;
}

/*
 * DANS LE CAS OU UNE ERREUR SE PRODUIT
 */
 .connexion-form .erreur{
    color: red;
    text-shadow: 1px 1px 2px black;
    font-weight: 900;
}