body 
  min-height: 100vh
  display: flex
  align-items: center
  justify-content: center
  font-family: Roboto
  
  .screen
    width: 800px
    min-height: 60vh
    background-color: #efefef

  .start-screen
    display: flex
    align-items: center
    justify-content: center
    flex-direction: column

    .btn-start 
      padding: .25em
      border: 1px solid lightgray
      border-radius: 0
      width: 25%

    h1 
      margin-top: 0

  h1
    font-family: 'Kaushan Script'
    font-size: 200%

  h2 
    font-weight: regular

.ingame-header
  display: flex
  justify-content: space-between
  align-items: center
  padding: 1rem 2rem
  background-color: black
  color: white

  h1 
    margin: 0
    padding: 0

.question
  padding: 2rem

  &.revealed
    
    .answer
      background-color: lightgray

      &.chosen
        background-color: red
    
      &.correct
        background-color: limegreen
        &.chosen
          background-color: green
          color: white

  .question-answers
    .answer
      display: block
      padding: .5rem
      width: 100%
      margin-bottom: 2px
      border: 1px solid lightgray
      border-radius: 0
      text-align: left

  .btn-continue
    display: block
    margin-top: 1rem
    width: 100%
    border-radius: 0
    border: 1px solid lightgray
    padding: .5rem