html {
  color: #c0c5ce;
  background-color: #2b303b;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: .5px; }

header {
  color: #c0c5ce;
  margin: 3em 0; }

header a {
  color: #c0c5ce; }

h1, h2, h3, h4, h5, h6 {
  color: #8fa1b3; }

a {
  color: #ab7967; }

a:hover {
  color: #b48ead; }

a:visted {
  color: #8fa1b3; }

code {
  color: #ab7967; }

code, tt, pre {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",  "Courier New", monospace !important; }

pre {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #4f5b66;
  line-height: 1.4em;
  overflow-x: auto;
  tab-size: 4; }

time {
  color: #65737e; }

.content {
  margin-bottom: 4em;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding: 0 1ch;
  word-wrap: break-word; }

@media screen and (min-width: 978px) {
  .content {
    margin-left: 4rem; } }