body {
  background: #e2d4be;
  color: black;
  font-family: Georgia, serif;
  text-align: center;
}

h1 {
  color: black;
}

#wrap {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  align-content: center;
}

#output {
  margin: 2em 1em;
  text-align: left;
  font-family:Georgia;
  font-size: 1.1em;
  line-height: 1.5;
  color: black;
}
#output .title {
  color: black;
  text-align: center;
}
#output ul {
  color: black;
}
#output ul li {
  margin: 1em;
}
#output ul a {
  color: black;
  text-decoration: none;
}
#output ul a.win {
  color: green;
}
#output ul a.lose {
  color: #527d99;
}
#output ul a:hover {
  color: #527d99;
}
#output .inv {
  color: #527d99;
  font-size: 1.1em;
  padding-top: 2em;
}