.quiz-container {
  background: black;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}

.quiz-question-container {
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.question-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 20px;
}

.quiz-button {
  width: 250px;
  margin: 5px 0px;
  border-radius: 25px;
  background: black;
  border: 1px solid white;
  display: flex;
  padding-left: 15px;
  justify-content: space-between;
  padding: 10px 15px;
  font-weight: 700;
}

.quiz-button:hover {
  scale: 1.05;
  transition: cubic-bezier(1, 0, 0, 1) ease-in-out 0.8s;
  background: darkblue;
  cursor: pointer;
}

.quiz-button p {
  margin: 0;
  pointer-events: none;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.quiz-title-container {
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.display-none {
  display: none !important;
}

.quiz-bottom {
  justify-content: center;
  align-items: center;
  background: black;
  border: none;
  margin: 0;
  flex-direction: column;
}

#next-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

#retake-quiz {
  color: white;
  text-decoration: underline;
  /*display: none;*/
  cursor: pointer;
}

#retake-quiz:hover {
  color: #3a3ad1;
  scale: 1.1;
  transition: all 0.2s ease-out;
}

#progress-text {
  color: white;
}

.card {
  background: black;
  border-radius: 0;
  border: none;
}

#quiz-score {
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#start-button {
  background: white;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

#redirect-quiz-button {
  display: flex;
  justify-content: center;
  align-items: center;
}