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; }