body { max-width: 640px; margin: 3rem auto; padding: 0 1rem; font: 17px/1.6 Georgia, "Times New Roman", serif; color: #2b2b2b; background: #faf8f4; }
header h1 { margin: 0; font-size: 2rem; letter-spacing: .02em; }
.sub { margin-top: .2rem; color: #777; font-style: italic; }
h2 { margin-top: 2.5rem; font-size: 1.2rem; text-transform: lowercase; border-bottom: 1px solid #ddd; }
a { color: #3a5f7d; }
.posts { list-style: none; padding: 0; }
.posts li { margin: .5rem 0; }
.date { display: inline-block; width: 7.5rem; color: #999; font-family: Menlo, Consolas, monospace; font-size: .85rem; }
footer { margin-top: 4rem; color: #999; font-size: .85rem; }
pre { background: #efece6; padding: .8rem; overflow-x: auto; font-size: .85rem; }