index.css

html, body, p { width: 100%; display: block; margin: 0px; padding: 0px; }

body {
  background-color: hsl(0,0%,95%);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#parent {
  width: 60%;
  margin: auto;
  font-size: 14px;
  text-align: left;
  line-height: 150%;
}

#exp {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: bold;
}

hr {
  color: white;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));
}

h1 {
  font-size: 25px;
  font-weight: bold;
  color: #666;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

a:link {
  color: #800000;
}

a:visited {
  color: #696969;
}

#footer {
  display: block;
  margin-top: 0px;
  font-size: 11px;
  text-align: center;
  padding-bottom: 10px;
}

table {
  width: 100%;
  text-align: center;
}

td {
  font-weight: 900;
  text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
  width: 25%;
}

.code {
  font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
  font-size: 12px;
  border-radius: 10px;
  border-left: 1px solid #999;
  padding-left: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
}