/*
 * Styles for the experiment that supplement the jspsych styling in `jspsych.css`
 */

 .prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }

  p {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }

  br {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }

  img {
    pointer-events: none;
  }

  .bounding-div {
    width: 1200px;
  }

  .question-container {
    padding: 10px;
  }

  #question-progress {
    font-size: 16px;
    font-style: italic;
  }

  #question-text {
    font-size: 32px;
    line-height: 1.5;
  }

  .scale-container {
    padding: 10px;
  }

  #scale-progress {
    font-size: 16px;
    font-style: italic;
  }

  #scale-text {
    font-size: 18px;
    margin-left: 200px;
    margin-right: 200px;
  }