form { text-align: left; margin-top: 3rem; }

fieldset { text-align: left; }

label { padding: 0 .5rem 0 .5rem; }

/* buttons; emphasise and make sure there's vertical space underneath */
input[type="submit"], .jspsych-btn {
  border: 0.2rem solid #333;
  margin-bottom: 3rem;
  margin-top: 1.5rem;
  padding: .5rem;
  font-size: larger;
  font-weight: bold;
}

.storyboardimg { width: 60%; }

.nonvisible { display: none; }

/* jsPsych puts a red * on required multi-choice / text fields; hide this */
.required { display: none; }

/* extra space between options */
.jspsych-survey-multi-choice-option { line-height: 3; }

/* conserve vertical space between storyboard and options
  have to !important as it conflicts with an inline style */
.jspsych-survey-multi-choice-question {
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

#jspsych-survey-multi-choice-form {
  margin-top: 1.5rem !important;
}