/* CSS files add styling rules to your content */

body {
  font-family: "Verdana", sans-serif;
  margin: 2em;
  background: #312b2e;
  background: url('darklinedpaper2.png');
}

h1 {
  font-size: 40px;
  text-align: center;
  /*font-style: italic;*/
  color: #373fff;
}

h2 {
  font-size: 20px;
  text-align: center;
  margin-top: 2em; 
}

h3 {
  font-size: 40px;
  text-align: center;
  margin-top: 2em; 
  
}

.question {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-top: 2em;
  text-align: center;
}
  
.answer-choice img {
  border-radius: 12px;
  justify-content: space-evenly;
  height: 15em;
  /*font-size: 1px;*/
}

button{
  margin: 10px;
}

.button {
  background-color: red;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  border-radius: 2px;
  cursor: pointer;
}

.button:hover {
  background-color: black; 
  color: hotpink;
}