body {
background-color: white;
}

h1 {
text-align: center;
}

.words, .found, .wrong {
font-size: 55px;
border-radius: 12px;
}

.words:hover, .found:hover, .wrong:hover {
cursor: pointer;
border-radius: 12px;
}

.thanks {
background-color: #E6E6FA;
border-radius: 12px;
}

button, select, option{
background-color: white;
border-radius: 12px;
margin: 10px;
padding: 0px;
}

.eleves{
width: 50px;
height: 30px;
border-radius: 12px;
text-align: center;
}

.buttoneleves{
width: 50px;
height: 30px;
border-radius: 12px;
text-align: center;
}

.score{
border-radius: 12px;
width: 50px; 
text-align: center; 
margin: 5px;
display: flex;
flex-direction: column; 
justify-content: center; 
align-items: center;
}

.ButtonsLine{
width: 50px;
height: 20px;
margin: 0px;
text-align: center;
}

#affichage1, #affichage2, #affichage3, #affichage4, #affichage5, #affichage6, #affichage7, #affichage8, #affichage9 {
display: flex; 
justify-content: left;
flex-wrap: wrap;
margin: 10px;
}

#illustrationbox {
display: flex;
width: 35%;
height: 300px;
justify-content: right;
}

#illustration {
object-fit: contain;
}

#affichage {
display: flex;
margin-top: 20px;
}

#allaffichages {
width: 65%;
}

#nombrereponses {
font-size: 25px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: center;
margin-left: 10px; 
height: auto; 
width: 100px;
}

#nombrereponsestitre {
font-size: 25px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: end; 
height: auto; 
width: 100px;
}

#nomcategorie {
font-size: 30px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: center; 
height: 50px; 
width: 100px;
padding-left: 5px;
}

#resultat {
font-size: 50px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: center;
margin-left: 10px; 
height: 50px; 
width: 200px;
}

.cate, .score {
font-size: 15px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: center;
margin: 5px; 
height: 20px; 
width: 150px;
}

#consigne, #consigne1, #consigne2{
font-size: 20px;
display: flex;
border-radius: 12px;
flex-direction: column; 
justify-content: center; 
align-items: end;
margin: 5px;
height: 20px; 
width: 250px;
}

#boutonschoixcategories {
display: flex;
justify-content: center;
font-size: 25px;
border-radius: 12px;
height: 30; 
width: auto;
}