:root {
  --font-title: 'Playfair Display', sans-serif;
  --font-subtitle: 'Poppins', sans-serif;
  --font-ui: 'Poppins', sans-serif;

  --base: #fffdf9;
  --content: #69583e;
  --content-light: #d7d5d5;
  --content-dark: #5c4d36;

  --accent: #D4B982;
  --accent-light: #fffdf9;
  --accent-dark: #B88A2E;

  --quiz-correct: #4CAF50;
  --quiz-wrong: #E53935;
}

.stop-activity audio {
  width: 100%;
  max-width: 600px;
  margin: 0.5rem 0;
  align-items: center;
}

.quiz-options button {
display: list-item;
  text-align: center;
  margin: 1rem auto 0;
  border-radius: 100px;
  background-color: var(--accent);
  color: var(--base);
  transition: background-color 0.2s ease;
  font-family: var(--font-ui);
}

.quiz-result {
  font-weight: bold;
  margin-top: 0.5rem;
}