| html { |
| font-family: Inter; |
| font-size: 16px; |
| font-weight: 400; |
| line-height: 1.5; |
| -webkit-text-size-adjust: 100%; |
| background: #fff; |
| color: #323232; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| text-rendering: optimizeLegibility; |
| } |
|
|
| :root { |
| --space: 1; |
| --vspace: calc(var(--space) * 1rem); |
| --vspace-0: calc(3 * var(--space) * 1rem); |
| --vspace-1: calc(2 * var(--space) * 1rem); |
| --vspace-2: calc(1.5 * var(--space) * 1rem); |
| --vspace-3: calc(0.5 * var(--space) * 1rem); |
| } |
|
|
| .app { |
| max-width: 748px !important; |
| } |
|
|
| .prose p { |
| margin: var(--vspace) 0; |
| line-height: var(--vspace * 2); |
| font-size: 1rem; |
| } |
|
|
| code { |
| font-family: "Inconsolata", sans-serif; |
| font-size: 16px; |
| } |
|
|
| h1, |
| h1 code { |
| font-weight: 400; |
| line-height: calc(2.5 / var(--space) * var(--vspace)); |
| } |
|
|
| h1 code { |
| background: none; |
| border: none; |
| letter-spacing: 0.05em; |
| padding-bottom: 5px; |
| position: relative; |
| padding: 0; |
| } |
|
|
| h2 { |
| margin: var(--vspace-1) 0 var(--vspace-2) 0; |
| line-height: 1em; |
| } |
|
|
| h3, |
| h3 code { |
| margin: var(--vspace-1) 0 var(--vspace-2) 0; |
| line-height: 1em; |
| } |
|
|
| h4, |
| h5, |
| h6 { |
| margin: var(--vspace-3) 0 var(--vspace-3) 0; |
| line-height: var(--vspace); |
| } |
|
|
| .bigtitle, |
| h1, |
| h1 code { |
| font-size: calc(8px * 4.5); |
| word-break: break-word; |
| } |
|
|
| .title, |
| h2, |
| h2 code { |
| font-size: calc(8px * 3.375); |
| font-weight: lighter; |
| word-break: break-word; |
| border: none; |
| background: none; |
| } |
|
|
| .subheading1, |
| h3, |
| h3 code { |
| font-size: calc(8px * 1.8); |
| font-weight: 600; |
| border: none; |
| background: none; |
| letter-spacing: 0.1em; |
| text-transform: uppercase; |
| } |
|
|
| h2 code { |
| padding: 0; |
| position: relative; |
| letter-spacing: 0.05em; |
| } |
|
|
| blockquote { |
| font-size: calc(8px * 1.1667); |
| font-style: italic; |
| line-height: calc(1.1667 * var(--vspace)); |
| margin: var(--vspace-2) var(--vspace-2); |
| } |
|
|
| .subheading2, |
| h4 { |
| font-size: calc(8px * 1.4292); |
| text-transform: uppercase; |
| font-weight: 600; |
| } |
|
|
| .subheading3, |
| h5 { |
| font-size: calc(8px * 1.2917); |
| line-height: calc(1.2917 * var(--vspace)); |
|
|
| font-weight: lighter; |
| text-transform: uppercase; |
| letter-spacing: 0.15em; |
| } |
|
|
| h6 { |
| font-size: calc(8px * 1.1667); |
| font-size: 1.1667em; |
| font-weight: normal; |
| font-style: italic; |
| font-family: "le-monde-livre-classic-byol", serif !important; |
| letter-spacing: 0px !important; |
| } |
|
|
| #start .md > *:first-child { |
| margin-top: 0; |
| } |
|
|
| h2 + h3 { |
| margin-top: 0; |
| } |
|
|
| .md hr { |
| border: none; |
| border-top: 1px solid var(--block-border-color); |
| margin: var(--vspace-2) 0 var(--vspace-2) 0; |
| } |
| .prose ul { |
| margin: var(--vspace-2) 0 var(--vspace-1) 0; |
| } |
|
|
| .gap { |
| gap: 0; |
| } |
|
|
