#container { 
  width: 90%;
  margin-left: 5%;
}

.menu-container {
  background-color: lightblue;
  float: left;
  clear: both;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 20px;
}

.menu-button {
  background-color: darkcyan;
  margin: 10px;
  float: left;
  padding: 5px;
  color: white;
  font-family: Arial;
  font-weight: bold;
}

.content-area {
  background-color: lightgrey;
  float: left;
  clear: both;
  width: 70%;
  margin-left: 10%;
  padding: 5%;
}

.infopic { 
  width: 70%;
  margin-left: 15%;
  margin-top: 20px;
}

.title { 
  font-size: 30px;
  font-weight: bold;
}

.traits-container {
  width: 80%;
  margin-left: 5%;
  padding-left: 5%;
}

.trait {
  width: 30%;
  background-color: yellow;
  float: left;
  padding: 5px;
}