html, body, * {
font-family: museo-sans, sans-serif;
font-weight: 500;
font-style: normal;
}

#resultPage, .fade-transition {
  transition: opacity 0.5s ease;
}

.hidden {
  display: none;
  opacity: 0;
}

.visible {
  display: block;
  opacity: 1;
}

.progress-bar {
  background-color: #6CB93E !important;
}

#questionPage .btn-primary {
  background-color: #007DA5 !important;
  border-color: #007DA5 !important;
}

#restartBtn {
  background-color: #20284F !important;
  border-color: #20284F !important;
}

.form-check-input[type="radio"] {
  accent-color: #F9A41B;
}

.form-check-input[type="radio"]:checked {
  background-color: #F9A41B !important;
  border-color: #F9A41B !important;
}

.form-check-input[type="radio"]:focus {
  outline: none !important;
  border-color: #EF4627 !important;
  box-shadow: 0 0 0 0.25rem rgba(239, 70, 39, 0.25) !important;
}

.btn-login {
  background-color: #007DA5 !important;
  border-color: #007DA5 !important;
  color: #fff;
}

.btn-login:hover,
.btn-login:focus {
  color: #fff !important;
}