* { box-sizing: border-box; }
html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; }
body { color: #111; background: #fdfdfd; margin: 0; }
a { color: #2a7ae2; text-decoration: none; }
a:visited { color: #1756a9; }
a:hover { color: #111; text-decoration: underline; }
.wrapper { max-width: 800px; margin: 0 auto; padding: 0 30px; }
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 56px; }
.site-title { color: #424242; font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; }
.site-title:visited { color: #424242; }
.page-content { padding: 30px 0; min-height: calc(100vh - 185px); }
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; color: #828282; }
h1 { font-size: 32px; font-weight: 400; letter-spacing: -1px; line-height: 1.2; }
img { max-width: 100%; vertical-align: middle; }
.error-page { margin: 10px auto; max-width: 600px; text-align: center; }
.error-page h1 { margin: 30px 0; font-size: 4em; line-height: 1; letter-spacing: -1px; }
@media (max-width: 600px) { .wrapper { padding: 0 15px; } }