body {
  font-family: Tahoma, Helvetica, sans-serif; }

button.start {
  font-size: 1.5em; }
  button.start:hover {
    cursor: pointer; }

.questionBlock {
  position: relative;
  min-height: 8em;
  margin-top: 2em; }

#controls {
  position: absolute;
  top: 0;
  left: 20em; }

#question {
  position: absolute;
  top: 0;
  left: 0.5em; }

#finished {
  position: absolute;
  top: 0;
  left: 16em; }

.finished {
  font-size: 1.8em;
  font-weight: bold;
  min-height: 2.5em;
  min-width: 10em;
  font-family: Tahoma, Helvetica, sans-serif;
  border: solid 4pt #808080;
  padding: 0.2em; }

.question {
  font-size: 3em;
  font-weight: bold;
  min-height: 1.4em;
  min-width: 5em;
  font-family: Tahoma, Helvetica, sans-serif;
  border: solid 4pt green;
  padding: 0.2em;
  margin: 0; }

.try-question-again {
  border: solid 4pt red;
  background-color: #ffc0c0; }

table.answers {
  border-spacing: 0;
  border-collapse: collapse; }

td.answer {
  font-size: 3em;
  font-weight: bold;
  font-family: Tahoma, Helvetica, sans-serif;
  color: #505050;
  background-color: #a0a0a0;
  border: solid 3pt #404090;
  padding: 0.2em;
  text-align: right; }

.enabled td.answer {
  color: black;
  background-color: white;
  border: solid 3pt blue; }
  .enabled td.answer:hover {
    background-color: yellow;
    cursor: pointer; }

.answers td.wrong-highlight, .enabled td.wrong-highlight {
  color: black;
  background-color: #ff0000; }
  .answers td.wrong-highlight:hover, .enabled td.wrong-highlight:hover {
    background-color: #ff0000; }
.answers td.wrong, .enabled td.wrong {
  color: black;
  background-color: #ff6060; }
  .answers td.wrong:hover, .enabled td.wrong:hover {
    background-color: #ff6060; }
.answers td.correct, .enabled td.correct {
  color: black;
  background-color: #a0ffa0; }
  .answers td.correct:hover, .enabled td.correct:hover {
    background-color: #a0ffa0; }

#progress {
  margin: 2em 0;
  max-width: 50em; }
  #progress .notDone {
    margin: 0.3em;
    min-width: 2em;
    min-height: 0.4em;
    background-color: #c0c0c0;
    display: inline-block; }
  #progress .done {
    background-color: black; }

.wrong-answers {
  margin: 2em;
  padding: 0.5em;
  border: solid 2pt red;
  display: inline-block; }
  .wrong-answers h2 {
    margin: 0 0 0.5em 0;
    padding: 0; }
  .wrong-answers .wrongly-answered {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 0.5em 2em; }
    .wrong-answers .wrongly-answered .wrong-values {
      font-size: 0.9em;
      color: red;
      display: inline-block; }
      .wrong-answers .wrongly-answered .wrong-values .wrong-answer {
        display: inline-block; }

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