*{
text-align:center;

}

body{
    display:flex;
    height:100vh;
    font-size:1.5em;


}

form{

    margin:auto;
    width:65%;
    background-color:grey;
    border:4mm ridge rgba(43, 180, 211, 0.6);


}

fieldset{

    border:1px solid black; 
    text-align:center;


}

legend{

    color:rgb(233, 239, 218);
    font-size:1.5em;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;




}

input:hover:not(input[type="radio"], input[type="submit"]), textarea:hover
{
    outline:rgb(223, 199, 19) 2px solid;
    background-color: gainsboro;
}
input[type="submit"]
{
    background-color: rgb(166, 230, 15);
    color:#3f51b5;
    border: white 2px solid;
    border-radius: 10px;
    width: 60%;
    padding:.5em 0;
    font-family: "Supermercado One";
    font-size: 1em;
}
::placeholder
{
    color:rgb(103, 103, 103);
    font-style: italic;
    text-align: center;
}
/* couleur des messages d'alert en flash*/
.color-red{
    text-align: center;
    padding:5px;
    margin:5px;
    background-color: #ff0000;
    color: #FBF207;
}
.color-green{
    text-align: center;
    background-color: #75f70a;
    color: black;
}
.color-white{
    text-align: center;
    color: white;
}