quiz.css

body {
  background-color: #f3dfa2 !important;
  color: #54494b !important;
  font-family: "Montserrat", sans-serif !important;
}

.bt-color {
  background-color: #fcb0b3 !important;
  color: #51a3a3 !important;
}

.card-footer {
  font-size: 20px;
}

.padding-bottom {
  padding-bottom: 3vw;
}

.title-quiz {
  text-align: center;
}

.mg-bt {
  margin-bottom: 4vw;
}

.question {
  background-color: #51a3a3 !important;
  color: white;
  font-size: 4.5vw;
}

.radio-button {
  float: none !important;
  transform: scale(0.5);
}

.element-centered {
  display: flex;
  flex-direction: column;
}

.quiz-form {
  text-align: left;
  margin-left: 10%;
  padding-bottom: 20px;
}

@media (min-width: 1025px) {
  .question {
    background-color: #51a3a3 !important;
    color: white;
    font-size: 1.9vw;
    width: 900px;
    margin: auto;
    padding: 10px;
  }

  .response {
    font-size: 1.6vw;
  }
}