@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
*{
box-sizing: border-box;
}

/********** Styles du conteneur du quiz **********/

.quiz-container{
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1);
width: 600px;
overflow: hidden;
margin-left: 25%;
}

/**********Styles de l'en-tête du quiz **********/

.quiz-header{
padding: 4rem;
}

/**********Styles de la question principale **********/

h2#question{
padding: 1rem;
text-align: center;
margin: 0;
}

/********** Styles de la liste de réponses **********/

ul{
list-style-type: none;
padding: 0;
}
ul li{
font-size: 1.2rem;
margin: 1rem 0;
}
ul li label{
cursor: pointer;
}

/********** Styles du bouton de soumission **********/

button#submit{
background-color: #03cae4;
color: #fff;
border: none;
display: block;
width: 100%;
cursor: pointer;
font-size: 1.1rem;
font-family: inherit;
padding: 1.3rem;
}
button
button
{
outline: none;
background-color: #44b927;
}

/**********Styles du bouton de rechargement **********/

.reload-button {
background-color: #4CAF50; /* Couleur de fond */
border: none; 
color: white; 
padding: 15px 32px; 
text-align: center;
text-decoration: none; 
display: inline-block; 
font-size: 16px; 
margin: 4px 2px; 
cursor: pointer; 
border-radius: 12px; 
}

.reload-button
{
background-color: #45a049; /* Couleur de fond au survol */
}