.sentence {
  text-align: left;
  font-size: 1.5em;
  min-height: 200px;
  margin: 0px 0px 5px 0px; }
  @media (max-width: 480px) {
    .sentence {
      min-height: 200px; } }

.sentence-container {
  width: 100%;
  padding: 20px 0px;
  min-height: 650px; }
  @media (max-width: 480px) {
    .sentence-container {
      min-height: 1000px; } }

#question {
  font-size: 0.6em;
  border: solid #ccc 1px;
  border-radius: 10px;
  padding: 20px;
  margin: 10px 0px; }

.caption {
  font-size: 0.75em;
  line-height: 1.2em;
  color: #464646; }

.highlight-text {
  font-weight: 500;
  color: #464646;
  font-size: 0.7em;
  padding: 10px 0px;
  width: 100%; }

.highlight_quote {
  background-color: #ececec;
  font-weight: 600; }

.quote_box {
  width: 50%;
  float: left;
  padding: 10px 20px; }
  @media (max-width: 480px) {
    .quote_box {
      width: 100%;
      float: none; } }

/* for randomizer button */
.playButton {
  cursor: pointer;
  width: 100px;
  background-color: #e03324;
  color: #fff;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  position: relative;
  margin: 0 auto 10px auto;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.5rem;
  clear: both; }
  @media (max-width: 480px) {
    .playButton {
      font-size: 0.89em; } }

.subtext {
  width: 75%;
  margin: 0 auto;
  font-size: 0.95em;
  padding: 15px 0 35px 0;
  color: #353535; }

.header-box {
  padding: 25px 0px 10px 0px;
  text-align: center; }

.box-borders {
  width: 100%;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid; }

.timerLabel {
  float: left;
  text-transform: uppercase;
  padding: 10px 5px 10px 0px;
  font-size: 0.9em;
  color: #ccc; }

.flagged {
  text-transform: uppercase;
  font-size: 0.4em;
  color: #e03224;
  font-weight: 600; }

.progress-bar {
  height: 3px;
  background-color: #000;
  bottom: 0;
  left: 0;
  width: 0;
  position: absolute;
  z-index: 1; }

.submission_meta {
  text-align: left;
  font-size: 0.6em;
  margin: 10px 0px 11px 0px;
  color: #888; }
  @media (max-width: 480px) {
    .submission_meta {
      font-size: 0.5em; } }

/*# sourceMappingURL=index.css.map*/