body {
  margin: 0 auto;
  max-width: 50em;
  font-family: 'Source Code Pro', monospace;
  line-height: 1.5;
  padding: 4em 1em;
  color: #566b78;
}

footer {
  text-align: center;
}

img.footer {
  margin: 5px;
  max-height: 35px;
  opacity: 0.5;
}

h1, h2 {
  color: #333;
  text-align: center;
}

strong {
  color: #333;
}

h2.tldr {
  font-size: small;
  font-style: italic;
}

a {
  color: #e81c4f;
}

a:hover {
  text-shadow: 0 0 .5px #e81c4f;
}

code, pre {
  font-family: 'Source Code Pro', monospace;
  background: #f9f9f9;
}

code {
  background-color: #ccc;
  border-radius: 5px;
  padding: 3px;
}

blockquote, pre {
  padding: 1em;
  background: #f9f9f9;
  border-left: 10px solid #ccc; 
}

blockquote {
  margin: 0.5em 0;
  padding: 1px 20px;
}

blockquote:before {
  color: #ccc;
  margin-right: 0.25em;
}

blockquote p {
  font-style: italic;
  line-height: 1.5;
}