.quiz-container {
  max-width: 600px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}

#quiz-status {
  margin-bottom: 10px;
  font-size: 14px;
  color: #555;
}

.quiz-question {
  font-size: 32px;
  margin-bottom: 15px;
  text-align: center;
  background: #445e93;
  padding: 15px 5px;
  border-radius: 5px;
  color: #fff;
}

.quiz-options button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 14px;
  border: none;
  background: #f1f1f1;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.3s;
  font-size: 16px;
}

.quiz-options button:hover {
  background: #ddd;
}

.correct {
  background: #4CAF50 !important;
  color: #fff;
}

.wrong {
  background: #f44336 !important;
  color: #fff;
}

#progress-bar {
  width: 100%;
  background: #eee;
  height: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}

#progress {
  height: 10px;
  width: 0%;
  background: #4CAF50;
  border-radius: 10px;
}

#result-box {
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
}

#leaderboard {
  margin-top: 20px;
  background: #fafafa;
  padding: 10px;
  border-radius: 8px;
}