body {
  font-family: 'Arial', sans-serif;
  background-color: #f3f4f6;
}

.quiz-card {
  border: 2px solid #15803d;
}

.section-title {
  background-color: #15803d;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
}

.btn {
  transition: transform 0.2s ease;
  background-color: #15803d;
}

.btn:hover {
  transform: scale(1.05);
  background-color: #166534;
}

.toggle-content {
  display: none;
}

.toggle-content.active {
  display: block;
}

.toggle-button {
  color: #15803d;
}

.toggle-button .arrow {
  transition: transform 0.2s ease;
}

.toggle-button.active .arrow {
  transform: rotate(180deg);
}