.section-Connexion{
    padding: 20px 50px;
    height:100vh;
}

.section-Connexion h1{
    text-align: center;
}

.connexion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

#connexion-form{
    display: flex;
    flex-direction: column;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
}

#connexion-form input{
    background-color: rgb(228, 226, 226);
    padding:0.5rem;
}

input, button{
    appearance: none;
    border: none;
}

input:focus , button:focus{
    outline:  none;
}

.mdp-oubli{
    font-size: 0.75rem;
    align-self: flex-end;
}

.valider{
    margin-top: 10px;
    padding:  5px 10px 5px 10px;
    background-color: #FFD700 !important;
    border-radius: 30px;
    cursor: pointer;
    width: fit-content;
    align-self: flex-end;
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
}