html, body {
  background-color: #353568;
  color: #aeaeae;
  height: 90%;
}
header img {
  vertical-align: middle;
  height: 48px;
  width: auto;
}
header h1 small {
  font-size: 60%;
}
a {
  color: #ffffff;
  text-decoration: underline;
}
a:hover, a:active {
  color: #aaaaff;
}
a:visited {
  color: #8888dd;
}
footer {
  margin-top: 15px;
}
#playerDetails,
#messages {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}
#playerDetails {
  width: 20%;
}
#messages {
  width: 70%;
  height: 80%;
  max-height: 500px;
  background: #57578a;
  color: #bfbfbf;
  overflow: auto;
}
#monsterDetails li ul {
  font-size: 80%;
  padding-left: 10px;
}
.forage-card {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 160px;
  border: 1px solid black;
  background-color: #aeaeae;
  color: black;
}

@media (max-width: 600px) {
  #playerDetails,
  #messages {
    display: block;
    width: 90%;
  }
}