#jspsych-html-keyboard-response-stimulus { 
  font-size: 16pt;
  line-height: 150%;
}

#jspsych-html-keyboard-response-stimulus li {  
  margin: 0.2em auto;
}

#jspsych-html-word-keyup-stimulus {
  font-size: 24pt;
}

#jspsych-survey-html-form-preamble {
  width: min(80vw, 1024px);
  line-height: 150%;
  font-size: 20pt;
}

#jspsych-survey-html-form {
  width: min(80vw, 1024px);
  line-height: 150%;
  font-size: 20pt;
}

/* keyup plugin */

#pseq-resp-input{  
  line-height: 150%;
  margin-top: 1em;
  border: none;
  font-size: 28px;
  width: 15ch;
  border-bottom: 1px solid #999;
}

#pseq-resp-input.learn {  
  display: none;
}

#pseq-resp-input:focus {
  outline: none;
}

#pseq-feedback {
  display: block;
  visibility: hidden;
  font-size: 28pt;
  margin-top: 1em;
}

#pseq-feedback.learn {
  visibility: visible;
  color: navy;
}

#pseq-feedback.correct {  
  visibility: visible;
  color: green;
}

#pseq-feedback.incorrect {  
  visibility: visible;
  color: red;
}