body{
    margin: 0%;
    background-color: #475751 ;
}

.background {
    margin: 0 auto;
    width: 420px;
    background-color: #3B3B3B;
    border-radius: 15px;
    margin-top: 100px;
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 0px;
   padding-top: 25px;
   color: white;
}

.un{
    text-align: center;

}

.form{
    background-color: #475751;
    border-radius: 25px;
    padding: 25px;
    font-size:17px;
}

.input {
    width: 93%;
    padding: 12px;
    border-radius: 12px;
    font-size: 14px;
}

.button{
    text-align: center;
    margin-top: 10px;
    a{
        background-color: white;
        border-radius: 12px;
        text-decoration: none;
        padding-top: 5px ;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;

    }
  

    
}

.oublié{
    margin-top: 15px;
    text-align: center;
}

.pas{
    text-align: center;
    padding: 5px;
    a{
        color: rgb(62, 62, 212);
    }
}

footer{
    background-color: #3B3B3B;
    color: white;
    text-align: center;
    margin-top: 240px;
    padding-top:5px ;
    padding-bottom: 5px;
    
}