html {
  background: #e4e4e4;
}

body {
  margin: auto;
  min-width: 360px;
  max-width: 600pt;
  padding: 6pt 0;
  font-size: 12pt;
  font-family: sans-serif;
  color: #222222;
}

article, footer, nav {
  margin-top: 3pt;
  border-radius: 3pt;
  box-shadow: 0 0 3pt 3pt #808080;
  background-color: #ffffff;
  padding: 12pt;
}

article {
  padding: 18pt 23pt;
}

article p {
  text-indent: 30pt;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
  margin: 12pt 0;
}

h1, footer {
  text-align: center;
}

p {
  margin: 0;
}

pre code {
  display: block;
  margin: 18pt 15pt;
  border-radius: 3pt;
  overflow-block: scroll;
  padding: 12pt 15pt;
  background: #222222;
  color: #00e400;
}

li {
  margin: 0 0 3pt 0;
}

ol p, ul p {
  text-indent: 0;
}

a {
  color: #0044a0;
}