* {
  box-sizing: border-box;
}

.question-screen,
.feedback,
.quiz-status,
.results {
  display: none;
}

body {
  background-color: black;
  font-family: "Press Start 2P";
  /*font-family: "Geo";*/
  line-height: 150%;
  padding: 10px;
}

h1 {
  color: #00ff00;
}
section {
  color: #00ff00;
}

form {
  color: #00ff00;
}

fieldset {
  border: 2px solid #00ff00;
  margin-bottom: 5px;
}
button {
  width: 100%;
  background-color: #00ff00;
  color: black;
  border: none;
  font-family: "Press Start 2P";
  font-size: 16px;
  padding: 4px;
  cursor: pointer;
}

button:hover,
button:focus {
  background-color: #00fa9a;
}

input {
  cursor: pointer;
}

input[type="radio"] {
  float: left;
}

label {
  margin-left: 30px;
  display: block;
}

h1 {
  font-size: 25px;
  font-weight: normal;
}

h2 {
  font-size: 16px;
  font-weight: normal;
}

@media screen and (min-width: 320px) {
  .quiz-status {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 700px) {
  .quiz-status {
    flex-direction: row;
    justify-content: space-around;
  }
}