#results {
  display: none;
  margin: 0 auto;
}
#results h1 {
  text-align: center;
}
#results p {
  text-align: center;
}
#results button {
  transform: scale(1.5);
}
#results #resultsDescription {
  text-align: left;
}
#results img {
  max-width: 500px;
}

#error {
  display: none;
}

#resultsChart {
  min-width: 500px;
  min-height: 300px;
  background-color: #fff;
  padding: 2em;
  border-radius: 50px;
}

#quiz {
  background-color: white;
  max-width: 600px;
  margin: 0 auto;
}
#quiz ul {
  list-style-type: none;
}
#quiz li {
  padding: 0.5em;
}
#quiz input[type=radio] {
  padding: 0.5em;
}
#quiz #question {
  padding-top: 1em;
  font-weight: bold;
  font-size: 1.2em;
}
#quiz .form-check-input {
  border: 1px solid #000;
}
#quiz .form-check-input:checked {
  background-color: #EB5E28;
  border-color: #EB5E28;
}

.apple #topScore, .apple #resultsImage, .apple #resultsDescription {
  font-family: "Homemade Apple", cursive;
  color: #75000d;
}
.apple .btn-primary {
  --bs-btn-color: #181818;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #EB5E28;
  --bs-btn-hover-color: #181818;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #EB5E28;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #181818;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-border-color: #EB5E28;
  --bs-btn-active-shadow: inset 0 3px 5px rgb(178, 178, 178);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #ccc;
  --bs-btn-disabled-border-color: #ccc;
}
.apple #resultsInfoContainer {
  background-color: rgba(255, 255, 255, 0.7);
}

.tnr #topScore, .tnr #resultsImage, .tnr #resultsDescription {
  font-family: "Times New Roman", serif;
}

.comicSans #topScore, .comicSans #resultsImage, .comicSans #resultsDescription {
  font-family: "Comic Sans MS", "Comic Sans", sans-serif;
}

.ubuntu #topScore, .ubuntu #resultsImage, .ubuntu #resultsDescription {
  font-family: "Ubuntu", sans-serif;
}

.lobster #topScore, .lobster #resultsImage, .lobster #resultsDescription {
  font-family: "Lobster", sans-serif;
}

.helvetica #topScore, .helvetica #resultsImage, .helvetica #resultsDescription {
  font-family: Helvetica, sans-serif;
}
.helvetica #resultsInfoContainer {
  background-color: rgba(255, 255, 255, 0.7);
}

.arial #topScore, .arial #resultsImage, .arial #resultsDescription {
  font-family: Arial, sans-serif;
}
.arial #resultsInfoContainer {
  background-color: rgba(255, 255, 255, 0.7);
}

/* for the wingding span in the quiz */
.wingdingSpan {
  font-family: Wingdings, "Wingdings 2", "Wingdings 3";
}

/* for the wingdings result page styling */
.wingdings #topScore, .wingdings #resultsImage, .wingdings #resultsDescription {
  font-family: Wingdings, "Wingdings 2", "Wingdings 3";
}

#resultsInfoContainer {
  display: inline-block;
  border-radius: 100px;
  padding: 2em;
  min-width: 500px;
}

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