*{
    background-color: beige;
}

#nade {
    display: none
}

.question {
    margin-left: 20px;
}

.answer {
    font-family: 'Alegreya Sans', sans-serif;
}

h1 {
  text-align: center;
    font-size: 40px;
  font-family: 'Play', sans-serif;
}

header, footer {
    width: 100%;
    height: 25px;
    border: 1px solid darkred;
    background-color: crimson;
    border-radius: 10px;
}

/*Change cursor for style & usability*/
label {
    cursor: pointer;
}

p.question {
  font-family: Arial, sans-serif;
    font-size:20px;
  color: #2E2E2E;
  margin-bottom:0px;
}

h2.quizHeader {
  font-family: Arial, sans-serif;
  font-weight:normal;
  font-size:25px;
  line-height: 27px;
  margin: 24px 0 12px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #a2a2a2;
}

h2.quizScore{
  font-family: Arial, sans-serif;
  font-size:25px;
}

div.quizAnswers{
  font-family: Arial, sans-serif;
  font-size:16px;
  color: #424242;
  padding: 4px 0 4px 0;
}

label {
  font-family: Arial, sans-serif;
  font-size:14px;
  color: #424242;
  vertical-align:top;
}

input.answer[type="radio"] {
  margin-bottom: 10px;
}

input.quizSubmit[type="submit"]:hover {
  color: firebrick;
}

/*Changes to End Game Aspects*/
.gameOver {
	  display: inline-block;
}
    #submitButton {
        margin-left: 25px;
        background-color: white;
        color: black;
        border: 0px solid;
        border-radius: 10px;
        font-size: 20px;
    }

        #submitButton:hover {
            background-color: limegreen;
            color: white;
        }

    #restartButton {
        margin-left: 25px;
        background-color: white;
        color: black;
        border: 0px solid;
        border-radius: 10px;
        font-size: 20px;
    }
        #restartButton:hover {
            background-color: #f44336;
            color: white;
        }


.hide {
	  display:none;
}