/* typgraphy */ article h1, section h1, section h2 { background: $background-color; color: $primary-color } h1 { font-size: 64px; letter-spacing: .17px; line-height: 92px; padding-top: 95px; word-break: break-word; } body > header h1 { padding-top: 0 } h2, .h2 { font-size: 36px; letter-spacing: .18px; line-height: 52px; position: relative; /* padding-bottom: 24px; */ padding-top: 64px; } article h2 { padding-top: 1rem } h1, h2, h1 > a, h2 > a { /* Maybe .home h1 (stupid exception) */ color: $heading-color } h3, .h3 { color: $text-color; font-size: 1rem; margin-top: 2em } h3 + p, h4 + p { margin-top: 0; } h3, h4 { margin-bottom: 0 } h3, h3 a { color: $text-color } h4 { color: $text-color; font-size: 1rem } .dimmed, .footnotes { color: dimgray; font-size: smaller } a small time { color: #888 } address { font-style: normal; white-space: pre; &:first-line { font-weight: bold } } del { color: dimgray; text-decoration-color: $primary-color } ins, mark { background: #dfdf20; text-decoration: none } q { font-style: italic } h1 time, h2 time, h3 time, h4 time { padding-right: $article-gutter; } hr { border: none; border-top: 1px solid gray } ::selection { background: $text-color; color: white } ::-moz-selection { background: $secondary-color; color: white } ::marker { color: $primary-color; font-weight: bold } body { caret-color: $primary-color } .legalese { font-size: .8em; margin: 0; padding: 0; text-align: justify }