#main {
  display: flex;
  flex-direction: column;
  padding: 2% 20%;
}

.question-container {
  border: 1px solid var(--black-100);
  border-radius: var(--radius-sm);
  padding: 2% 4%;
  margin-top: var(--sp-lg);
}
.flex-between-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.option-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.option {
  padding: 1rem 1rem;
  background-color: var(--black-000);
  color: var(--black-600);
  border-radius: var(--radius-sm);
  font-size: var(--tx-20);
  text-align: center;
}

.option-correct {
  background-color: var(--green-100);
}

.option-wrong {
  background-color: var(--red-100);
}

@media (max-width: 600px) {
  #main {
    padding: 2% 4%;
  }
}