@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
.quiz-main {
  gap: 4rem;
  margin: 12rem auto 24rem;
}

section.quiz-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(2rem, 3vw, 4rem);
  width: 92%;
}

.quiz-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2en;
  text-align: center;
  align-self: stretch;
  border-radius: 20px;
  flex: 1;
  border: 1px solid grey;
  min-height: 3em;
  max-width: 20em;
}
.quiz-btn.quiz-true, .quiz-btn.quiz-false {
  color: white;
  border: unset;
}
.quiz-btn.quiz-true {
  background-color: green;
}
.quiz-btn.quiz-false {
  background-color: red;
}

/*# sourceMappingURL=quiz.css.map */