/* STYLE SECTIONING TAGS */
body {
 background-color: #fef6e8; 
 text-align: center;
 color: #060628
}

/* STYLE TEXT */

h1 {
  color: #5F1F10;
  text-align: center;
  font-size: 80px;
}
h2 {
  margin-top:3em;
  color: #5F1F10;
}
main {
  margin-top:0%;
  margin-bottom:0%;
  margin-right:20%;
  margin-left:20%;
}


/* STYLE IMAGES */
img {
  max-width: 55%;
  max-height: 45%;
  border: 3px solid white;
  
}
img2 {
  max-length: 30%;
  border: 3px solid white
}


/* STYLE NAV BAR */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #5B4F4F;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration:none;
  
}

li a:hover {
  background-color:#B8AFA1;
}
.active {
  background-color: #746767;
}

.answer-choice img {
  width: 80%;
}