/* Quiz */
section.section-quiz{
  background-color: var(--clr-lighter);
}

.quiz-container{
  max-width: 600px;
  background-color: var(--clr-dark);
  border: 1px solid var(--clr-accent);
  border-radius: 6px;
  
  padding: 2em 2em; 
  margin: 0 auto;
  text-align: center;
}

.quiz__title{
  margin-bottom: 0.5em;
  color: var(--clr-light);
}

.quiz__question{
  color: var(--clr-accent);
}

button{
  font-size: 18px;
  padding: 15px;
  margin: 10px;
  background-color: #e7e7e7;
}

.option{
  background-color: #fff;
  color: #000;
  padding: 0.5em 1em;
  margin: 0  0.35em;
  border: 0px solid #fff;
  border-radius: 20px;
  cursor: pointer; 
}

.option:hover{
    background-color: rgba(255, 255, 255, 0.5);
}

.game__option-container{
  margin: 2em auto;
}

.game__results{
  color: var(--clr-accent);
  font-weight: bold;
}

.game__correct{
   color: var(--clr-lighter);
}