html, body {
  margin: 0;
  padding: 0;
  background: #f9f9f9;
}

body {
  font-size: 15px;
  font-family: "Times New Roman", times, serif;
  margin: 2em;
  margin-left: 4em;
  margin-right: 4em;
  line-height: 1.6em;
}

h1, h2, h3 {
  color: #600;
}

h1 {
  line-height: 1.2em; /* perchance breaks to new line */
  font-size: 1.65em;
}

h2, h3 {
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  /* font-family: helvetica, arial, sans-serif; */
}

h2 {
  font-size: 1.25em;
}

h3 {
  font-size: 1em;
}

ul, ol, li {
  padding: 0;
  margin: 0;
  list-style-position: inside
}

ul, ol, p, codeblock {
  margin-left: 1.25em;
  margin-right: 1.25em;
}

ul, ol {
  margin-left: 1.75em;
  margin-right: 1.75em;
}

ul, ul li {
  list-style-type: circle;
}

ul ul, ul ul li {
  list-style-type: disc;
}

p, li {
  color: #333;
}

hr {
  margin-top: 2em;
  margin-bottom: 1em;
  height: 0;
  border: 0;
  border-top: 1px solid #333;
}

hr.double {
  background: #fff;
  height: 4px;
  border: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

code, codeblock {
  font-family: courier, 'Courier New', monospace;
  font-size: .8em;
  white-space: pre;
}

codeblock {
  font-size: .7em;
  display: block;
  border: 1px solid black;
  background: #eee;
  overflow: scroll;
  padding: 1em;
  line-height: 1.3em;
}