/* Fonts : Audiowide, Nova Square, Oxanium */

html{
    background-image: url("../img/jedi_background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.wrapper{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
}

h1.titre{
    font-family:  Audiowide, sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    margin: 0 auto;
    color: #FFE81F;
    text-align: center;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

h2.slogan{
    text-align: center;
    font-style: italic;
    opacity: 50%;
    font-size: 14px;
    margin: 0 auto;
    padding: 20px;
    font-family: "Nova Square", sans-serif;
    font-weight: 200;
}

div.contourFade{

    border: 4px solid;
    border-radius: 27px;
    background: linear-gradient(to right, #CE4853 0%, #71C0A2 100%) ;
}

div.formulaireWrapper{
    border: 5px solid transparent;
    padding: 20px;
    margin: 5px;
    background-color: white;
    border-radius: 20px;



}


form.formulaire{
    display: flex;
    flex-direction: column;

}

form input , textarea{
    padding: 20px;
    border-radius: 20px;
}

textarea{
    border: 2px solid black;
}

form input , form p , div.radioInput label , textarea{
    font-family: "Oxanium", sans-serif;
    font-size: 15px;
}

div.radioInput{
    padding-bottom: 30px;
}

.BoutonSubmit{
    font-size: 20px;
    font-weight: 500;
}

.BoutonSubmit:hover{
    color: #5656ff;
    border-color: #5656ff;
}

#commentaires{
    height: 200px;
    text-align: left;
    text-wrap: wrap;
    white-space: normal;
}