/* General */

* { box-sizing: border-box; }

body {
  font-family: system-ui, sans-serif;
  margin: 0;
  padding: 12px;
}

h1 { font-size: 2.4rem; margin-top: 0; padding: 0; }
h2,h3,h4,h5,h6{ margin: 1.4rem 0 0; }
img { height: auto; max-width: 100%; }
pre.highlight { border: 1px solid; box-shadow: 0 10px 6px -6px rgba(0,0,0, 0.11); overflow: auto; padding: 8px; }
blockquote { background: rgba(0,0,0,0.05); border-left: 4px solid; margin: 2rem 0 2rem 1rem; padding: 8px 8px 8px 16px; }
blockquote p { margin: 0; }
table { border-collapse: collapse; margin: 1rem 0; text-align: left; width: 100%; }
table tr { border-bottom: 1px solid; }
table td, table th { padding: 4px; }
figcaption { font-style: italic; }
.post-date { display: block; margin-top: 5px; }
.post-date, .footnotes { font-size: 85%; }
hr { border-bottom: 0; border-top: 1px solid; margin: 2rem 0; padding: 0; }
p { line-height: 1.4; }

.wrapper {
  margin: 0 auto;
  max-width: 800px;
}

header { margin: 1rem 0 2rem; }
footer { margin: 4rem 0 2rem; }
footer ul { list-style: none; padding: 0; }
footer ul li {
  display: inline-block;
  margin-right: 6px;
}