body {
  font-family: 'Source Sans Pro', sans-serif; 
  margin: 0;
}

.questionOuter {
  background: #a0a0a0;
  width: 100%;
}

#question {
  padding-top: 40px;
  font-size: 40px;
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

#input {
  background: #eee;
  width: 100%;
}

#answer {
  width: 100%;
  background: #eee;
  border: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 30px;
  margin-left: auto;
  margin-right: auto;
  display: table;
  text-align: center;
}

#response {
  width: 100%;
}

#message {
  width: 100%;
}

#message > div {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

.correct,
.incorrect {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 30px;
  width: 100%;
  text-align: center;
}

.correct {
  background: #8f8;
}

.incorrect {
  background: #f88;
}