html { font-size: 18px; }
body {
  margin: 0;
  background: #fbfaf7;
  color: #222;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.6;
}
.page { max-width: 640px; margin: 0 auto; padding: 32px 20px 60px; }
header.site { border-bottom: 1px solid #ddd; padding-bottom: 14px; margin-bottom: 32px; }
header.site a.name { font-size: 1.3rem; font-weight: bold; color: #222; text-decoration: none; }
header.site nav { margin-top: 4px; font-size: .9rem; }
header.site nav a { color: #666; margin-right: 14px; }
a { color: #1a5a96; }
a:visited { color: #6b3f8f; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 6px; }
h2 { font-size: 1.15rem; margin-top: 1.8em; }
.date { font-family: Menlo, Consolas, monospace; font-size: .8rem; color: #888; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin-bottom: 22px; }
ul.posts a { font-size: 1.1rem; }
ul.posts p { margin: 4px 0 0; color: #555; font-size: .95rem; }
code { font-family: Menlo, Consolas, monospace; font-size: .85em; background: #eeece6; padding: 1px 4px; }
pre { background: #eeece6; padding: 12px; overflow-x: auto; font-size: .8rem; line-height: 1.45; }
pre code { background: none; padding: 0; }
blockquote { margin: 1em 0; padding-left: 14px; border-left: 3px solid #ccc; color: #555; }
footer { margin-top: 48px; padding-top: 14px; border-top: 1px solid #ddd; font-size: .8rem; color: #888; }