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

h1{
color: #e1e1e1;
}

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

.answer{
text-align: left;
}

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

.Eevil{
color: #c93030;
}

.Turnip{
color: #e48f36;
}


.Bear{
color: #68a64d;
}

.Bitey{
color: #3b83c4;
}

.Polly{
color: #a44b77;
}

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

.nav{
  box-sizing: border-box;
  display: inline-block;
  background-color: #1e1e1e;
  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;
}