body{
font-family:Arial, Helvetica, sans-serif;
background:#f2f4f5;
margin:0;
}

header{
background:#1f2c3a;
color:white;
padding:20px;
text-align:center;
}

.quiz-container{
width:75%;
margin:auto;
background:white;
padding:30px;
margin-top:20px;
box-shadow:0 0 10px rgba(0,0,0,0.15);
}

.question{
font-weight:bold;
margin-top:25px;
}

.answers label{
display:block;
border:1px solid #ccc;
padding:8px;
margin:4px 0;
cursor:pointer;
border-radius:4px;
}

.correct{
background:#b8f5b8;
border-color:#27ae60;
}

.wrong{
background:#f5b8b8;
border-color:#e74c3c;
}

.scoreboard{
display:flex;
justify-content:center;
gap:20px;
margin-top:20px;
flex-wrap:wrap;
}

.score{
padding:10px 15px;
color:white;
font-weight:bold;
border-radius:4px;
}

.easy{background:#27ae60;}
.medium{background:#f39c12;}
.hard{background:#c0392b;}
.total{background:#34495e;}

.footer{
position:fixed;
bottom:0;
width:100%;
background:#1f2c3a;
color:white;
text-align:center;
padding:10px;
}