* {
  font-family: "Courier New", Courier, monospace;
  color: red;
}
body {
  background-color: lemonchiffon !important;
  font-family: monospace;
  color: red !important;
}

/* layout and mobile rendering */
.container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.content {
  width: 75%;
  max-width: 1200px;
  padding: 0 2rem;
  box-sizing: border-box;
}

/* mobile responsiveness */
@media (max-width: 768px) {
  .content {
    width: 100%;
  }
}

/* nav bar rendering */
nav {
  clear: both;
}
nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

nav ul li {
  float: left;
  margin-right: 0.5em;
}
nav ul li a {
  border-radius: 25px;
  border: 1px solid;
  font-weight: bold;
  color: red;
  padding: 4px;
}
nav ul li a:hover {
  background: #ffd580;
}
nav ul li a.active {
  background: orange;
}

/* Clear floats after navigation */
nav::after {
  content: "";
  display: table;
  clear: both;
}

.quiz-buttons {
  display: flex;
}

.quiz-buttons button {
  padding: 10% 10%;
  font-size: 16px;
  margin: 2px;
  background-color: mintcream;
  border-radius: 25px;
}