body{
font-family:Arial,sans-serif;
background:#f0f8ff;
text-align:center;
margin:0;
padding:0;
}

.container{
margin-top:40px;
}

h1,h2{
color:#333;
}

button{
padding:10px 20px;
margin:5px;
border:none;
border-radius:8px;
background:greenyellow;
color:white;
cursor:pointer;
font-size:16px;
}

button:hover{
background:greenyellow;
}

.mode button{
background:green;
}

.mode button.aktiv{
background:#1a7a1e;
border:3px solid black;
}

.level button{
background:#2196F3;
}

.level button:hover{
background:blue;
}

.level button.aktiv{
background:darkblue;
border:3px solid black;
}

.anzahl button{
background:orange;
}

.anzahl button:hover{
background:orange;
}

.anzahl button.aktiv{
background:brown;
border:3px solid black;
}

#start-button{
background:red;
font-size:18px;
padding:12px 30px;
margin-top:10px;
}

#start-button:hover{
background:red;
}

input{
padding:10px;
font-size:16px;
width:150px;
margin-top:10px;
border:2px solid gray;
border-radius:5px;
}

.question-box{
margin-top:20px;
}

.score{
margin-top:20px;
font-size:20px;
font-weight:bold;
}

#timer{
font-size:22px;
font-weight:bold;
color:green;
margin-top:10px;
}

#result{
font-size:18px;
font-weight:bold;
margin-top:10px;
}

#fortschritt-text{
font-size:16px;
color:gray;
margin-top:5px;
}

#endscreen{
display:none;
margin-top:30px;
}

#prozent{
font-size:52px;
font-weight:bold;
color:green;
}

#nochmal-button{
background:green;
font-size:18px;
padding:12px 28px;
margin-top:15px;
}

#setup{
margin-top:20px;
}

#spiel{
display:none;
margin-top:20px;
}

#fehler{
color:red;
font-weight:bold;
}