body {
  font-family: 'Inconsolata', monospace, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.34em;
  
  margin: 0;
  padding: 0;
  text-align: center;

  background: #fcfafc;
  color: #444;

  border-top: 5px solid #36a;
  border-bottom: 5px solid #f03;

  min-height: 100%;
  min-height: calc(100% - 5px);
}

html {
  height: 100%;
  height: calc(100% - 5px);
}

h1 {
  letter-spacing: -1px;
}

h2 {
  margin: 35px 0 12px 0;
}

h1, h2 { color: #000 }

a {
  color: #36a;
  text-decoration: none;
  font-weight: bold;
  font-size: 36px;
}

a:hover {
  color: #f03;
}


#wrapper{
 text-align: center;
 width: 26em;
 margin: 6em auto;
}

.hidden { display: none; }

ol li {
  margin-bottom: 12px;
}

  ol li span{
    font-style: italic;
  }

strong, cite {
  color: #222;
  font-style: none;
  font-weight: bold;
}