html,body {
    color: #999999;
    font-family: 'Roboto Mono', monospace;
    background-color: #010101;
}

a.toplink {
  text-decoration:  none;
} 

a {
  color: #999999;
  text-decoration: none;
}

p {
  color: #555555;
  text-decoration: none;
}

b {
  color: #777777;
}

div.container {
  display: inline-block;
  padding: 10px;
}

div.header {
  padding: 5px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

div.header:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #222222;
}

div.content {
  margin-top: 10px;
  width: 800;
}

div.trainer {
  padding: 20px;
  border: 2px solid #555555;
  border-radius: 5px;
  overflow:hidden;
  width: 500px;
}

div.trainer p {
    color: white;
}

td {
    border: 1px solid #555555;
    padding: 10px;
}

div.armor_table {
    border: 1px solid #555555;
    width: 175px;
    float: left;
}

div.mega_table {
    border: 1px solid #555555;
    width: 175px;
    float: right;
}

td:nth-child(even) {
    font-weight: bold;
    color: white;
}