body {
  margin: 0 auto;
  max-width: 50em;
  line-height: 1.5;
  padding: 4em 1em;
  font-family: 'Helvetica', 'Arial', sans-serif;
  color: #333;
}

h2, h3, h4, h5, h6 {
  color: #222;
}

h1 {
  text-transform: capitalize;
  margin-top: 1em;
  padding-top: 1em;
  color: #111;
}

.snippet {
  color: #666;
}

code {
  padding: 2px 4px;
  vertical-align: text-bottom;
  background: #eee;
  border-radius: 0.5em;
}

pre {
  background: #eee;
  display: block;
  border-radius: 1em;
  padding: 1em;
}

.checklist > ul {
  list-style-type: none;
}

.checklist input[type="checkbox"] {
    margin-right: 1em;
}