body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #2b2a33;
    color: white;
}

#grosBouton {
    transition: 0.15s;
    cursor: pointer;
    border-radius: 20px;
    font-family: cursive;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: white;
    color: red;
    font-size: xx-large;
    width: 50%;
}

#grosBouton:hover {
    transition: 0.15s;
    background-color: #2b2a33;
}

#grosBouton > *{
    padding: 20px;
}

#suivant, #ValidCode {
    margin-top: 20px;
    cursor: pointer;
    width: fit-content;
    padding: 20px;
    transition: 0.15s;
    color: #2b2a33;
    background-color: white;
    border-radius: 20px;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#decouverte {
    margin-top: 20px;
    cursor: pointer;
    width: 95%;
    padding: 20px;
    transition: 0.15s;
    color: #2b2a33;
    background-color: white;
    border-radius: 20px;
    font-size: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#suivant:hover, #ValidCode:hover, #decouverte:hover {
    transition: 0.15s;
    background-color: #2b2a33;
    color: white;
}

img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 10px;
}

label {
    cursor: pointer;
}

.main {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#hahahah {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.valid {
    margin-top: 20px;
    cursor: pointer;
    width: fit-content;
    padding: 1px;
    width: 150px;
    transition: 0.15s;
    color: #2b2a33;
    background-color: white;
    border-radius: 20px;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.valid:hover {
    transition: 0.15s;
    background-color: #2b2a33;
    color: white;
}

.questionnaire {
    margin-top: 50px;
}

.appear {
    animation: fadein 3s;
}

#reac {
    padding-top: 50px;
}

@media (max-width: 500px) {
    #grosBouton {
        width: 75%;
        font-size:x-large ;
    }

    #txt > img {
        width: 95%;
    }
}