/* (A) WRAPPER */
#quizWrap {
  /*max-width: 860px;*/
	padding: 0px 10px 0px 10px;
  margin: 0 auto;
  /* RECOMMENDED FIXED HEIGHT IF YOU HAVE CONTENT BELOW THE QUIZ */
  /* SO THAT PAGE LAYOUT DOES NOT "JUMP" */
  /* height: 250px; */
}

/* (B) QUESTION */
#quizQn {
  padding: 20px;
  background: #000000;
  color: #eaeaea;
  font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #fff;
  border-radius: 20px;
}

/* (C) ANSWERS */
#quizAns {
  margin: 20px 0;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
#quizAns input[type=radio] { display: none; }
#quizAns label {
  background-color: #232323;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 10px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
	color: #eaeaea;
	font-weight: 100;
}
#quizAns label.correct {
  background: #0a6020;
  border: 1px solid #ffffff;
	font-weight: bold;
}
#quizAns label.wrong {
  background: #c10900;
  border: 1px solid #ffffff;
	color: #eaeaea;
}

/* (D) BODY... DOES NOT QUITE MATTER */
/*html, body {
  background: #74b6db;
  font-family: arial, sans-serif;
}
*/