html {
  overflow-y: scroll
}

body {
  max-width:800px;
  margin:40px auto;
  padding:0 10px;
  font:14px/1.5 monospace;
  color:#444
}

h1,h2,h3 {
  line-height:1.2
}

@media (prefers-color-scheme: dark) {
  body {
    color:white;
    background:#444
  }

  a:link {
    color:#5bf
  }

  a:visited {
    color:#ccf
  }
}

p > code {
  color: #bf616a;
  background:#f9f9f9;
  border-radius:3px;
  padding:2px
}

pre {
  color: #e6e1dc;
  background:#2b2b2b;
  padding:24px;
  white-space: pre-wrap
}

article{
  padding:24px 0
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}