@font-face
{
font-family: monfont;
src: url("/paulistana.ttf");
}

a { color: #000; text-decoration: none; }
p { font-size: 1em; }
h1 { font-size: 2em; }

/*Default styles*/
#levels {  overflow: auto; font-family: monfont; }
#levels li {
  float: left;
  width: 50%;
  list-style: none;
  font-size: 2em;
  text-align: center;
  margin-bottom: 10px;
}

/*Display 3 per row for medium displays (like mobile phones in landscape or smaller tablets)*/
@media screen and (min-width: 640px) {
  #levels li {
    width: 33.3333333%;
  }
}
/*Display 6 to a row for large displays (like medium tablets and up) */
@media screen and (min-width: 1260px) {
  #levels li {
    width: 16.6666667%;
  }
}

#about, #chapter-text { padding: 10px; text-align: left; font-weight: normal; font-size: 1em; }
#chapter-text { background-color: white; }

.answer, #spacer { float: left; width: 250px; }
#spacer { height: 1px; }

.reveal { display: none; float: left; }

#single-answer { overflow: hidden; width: 510px; min-height: 340px; margin-top: 10px; margin-bottom: 10px; }
#share-answer { display: none; padding: 6px; margin-top: 10px; }
#single-answer p, #share-answer p { margin: 0px; padding: 0px; }
.reveal-text, #share-answer p { font-size: 24px; }
#share-answer p { margin-bottom: 2px; }
#single-answer a, #share-answer p { color: #ff0000; font-weight: bold; }
.description { float: left; width: 260px; text-align: left; }