:root { color-scheme: light; color: #171717; background: #fff; font-family: Georgia, serif; }
body { margin: 0; }
main { width: min(100% - 40px, 820px); margin: 0 auto; }
h1 { font-size: clamp(2.2rem, 5vw, 3.75rem); line-height: 1.15; text-align: center; }
.home { padding-top: 80px; }
.home-content { text-align: center; font-size: 1.15rem; line-height: 1.6; }
.home-content > p, .home-content blockquote { margin: 80px auto; }
.home-content img { width: auto; height: auto; max-width: 100%; border-radius: 50%; }
blockquote { padding: 0; }
blockquote p { margin-bottom: 0.5em; }
blockquote cite { display: block; font-size: 0.9em; }
.post { min-height: 320px; padding-top: 80px; line-height: 1.6; }
footer { margin: 100px auto 0; padding: 60px 20px; text-align: center; }
footer img { width: 96px; max-width: 100%; height: auto; border-radius: 50%; }
footer nav { margin-top: 24px; font-size: 0.9rem; }
footer a { color: inherit; }