body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto; }
  body .screen {
    width: 800px;
    min-height: 60vh;
    background-color: #efefef; }
  body .start-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    body .start-screen .btn-start {
      padding: 0.25em;
      border: 1px solid lightgray;
      border-radius: 0;
      width: 25%; }
    body .start-screen h1 {
      margin-top: 0; }
  body h1 {
    font-family: "Kaushan Script";
    font-size: 200%; }
  body h2 {
    font-weight: regular; }

.ingame-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: black;
  color: white; }
  .ingame-header h1 {
    margin: 0;
    padding: 0; }

.question {
  padding: 2rem; }
  .question.revealed .answer {
    background-color: lightgray; }
    .question.revealed .answer.chosen {
      background-color: red; }
    .question.revealed .answer.correct {
      background-color: limegreen; }
      .question.revealed .answer.correct.chosen {
        background-color: green;
        color: white; }
  .question .question-answers .answer {
    display: block;
    padding: 0.5rem;
    width: 100%;
    margin-bottom: 2px;
    border: 1px solid lightgray;
    border-radius: 0;
    text-align: left; }
  .question .btn-continue {
    display: block;
    margin-top: 1rem;
    width: 100%;
    border-radius: 0;
    border: 1px solid lightgray;
    padding: 0.5rem; }

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