body {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

body * {
  max-width: 100%;
}

img {
  border: 1px solid darkgray;
  border-radius: 8px;
}

a {
  color: #00B7FF;
}

code {
  background: blanchedalmond;
  color: tomato;
}

pre code {
  display: block;
  padding: 16px;
  background: #f5f5f5;
  color: black;
  border: 1px solid darkgray;
  border-radius: 4px;
}

table {
  border-collapse: collapse !important;
}

td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}