.question_container {
  padding: 10px;
}

.question_container label {
  margin-bottom: 10px;
}

.question_container input {
  margin-right: 10px;
}

.incomplete {
  border: 2px solid rgb(255,0,0);
}

legend {
  font-size: 16px;
}

/* Responsive styles for mobile devices */

/* Make checkboxes and radio buttons larger */

@media (max-width: 768px) {
  input[type="checkbox"], input[type="radio"] {
    width: 1.3em;
    height: 1.3em;
  }
}

/* Optionally increase spacing on mobile */

@media (max-width: 768px) {
  .question_container {
    margin-bottom: 0.5rem;
  }
}

/* Increase label spacing next to enlarged inputs */

@media (max-width: 768px) {
  label {
    margin-left: 0.5em;
    max-width: 70vw;
  }
}