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