#body {
  width: 680px;
}

#story {
  text-align: left;
  font-style: italic;
  font-family: 'Goudy Bookletter 1911', serif;
  margin-bottom: 50px;
  font-size: 19px;
}

code {
  color: #aff;
}

ol {
  counter-reset:li; /* Initiate a counter */
}
ol > li:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  margin-right: 8px;
}

h2 {
  text-align: center;
}

#sections {
  counter-reset:section;
}
#sections h3 {
  counter-reset:subsection;
}
#sections h3:before {
  content:counter(section) "."; 
  counter-increment:section;
  margin-right: 8px;
}
#sections .section {
  margin-bottom: 40px;
}

#sections h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
#sections h4:before {
  content:counter(section) "." counter(subsection);
  counter-increment:subsection;
  margin-right: 8px;
}
#sections .subsection {
  margin-left: 20px;
}