body{
background-color: #eeeeee;
width: 80%;
margin: auto;
}

.question{
color: #111111;
font-style: oblique;
margin-top: 35px;
text-align: center;
}

.answer{
text-align: left;
}

.Ferdinand{
color: #9f2f7d;
font-style: oblique;
}

.Eevil{
color: #990000;
}

.Turnip{
color: #b45f06;
}


.Bear{
color: #38761d;
}

.Bitey{
color: #0b5394;
}

.Polly{
color: #741b47;
}


#navbar{
  width:100%;
  margin-bottom: 10px;
}

.nav{
  box-sizing: border-box;
  display: inline-block;
  background-color: #aaaaaa;
  text-align: center;
  border-right: 1px solid #f1f1f1;
  color: #f1f1f1;
  margin-bottom: 10px;
  text-decoration: none;
  padding:10px 15px 15px;
  font-weight: 500;
  width: 50%;
}

.mode{
  float: left;
}

.audio{
  float: right;
}

.nav:hover{
  background-color: #404040;
}