body{
font-family:Arial;
background:#f4f6f7;
margin:0;
}

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

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

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

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

.correct{
background:#c8f7c5;
border:1px solid #2ecc71;
}

.wrong{
background:#f7c5c5;
border:1px solid #e74c3c;
}

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

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

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

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