body { font-family: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; line-height: 1.55; color: #1a1a1a; font-size: 17px; max-width: 640px; margin: 0 auto; padding: 2.5em 1.25em 4em; } nav { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 13px; text-align: center; margin-bottom: 3.5em; letter-spacing: 0.02em; } nav a { color: #1a1a1a; text-decoration: none; } nav a:hover { color: #3299cc; } nav .sep { color: #ccc; padding: 0 0.5em; } main h1 { font-weight: normal; font-size: 1.5em; margin: 0 0 0.15em; letter-spacing: 0.01em; } .email { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.85em; color: #888; margin: 0 0 1em; } a { color: #3299cc; text-decoration: none; } a:hover { text-decoration: underline; } p, li { margin: 0 0 1em; } main > ul { list-style: none; padding: 0; margin: 1.5em 0; } main > ul > li { padding-left: 1.5em; position: relative; } main > ul > li::before { content: "\2014"; position: absolute; left: 0; color: #bbb; } h2 { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-weight: normal; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.12em; color: #888; margin: 3em 0 1em; border-bottom: 1px solid #eee; padding-bottom: 0.4em; } .entry { margin: 0 0 1.6em; } .entry .title { font-weight: normal; font-style: italic; } .entry .authors { font-size: 0.92em; color: #555; margin: 0.15em 0 0.25em; } .entry .authors .me { color: #1a1a1a; } .entry .meta { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.8em; color: #888; margin: 0; } .entry .meta a { color: #3299cc; } @media (max-width: 520px) { body { font-size: 16px; padding: 1.5em 1em 3em; } nav { font-size: 12px; margin-bottom: 2.5em; } nav .sep { padding: 0 0.3em; } }