Spaces:
Running
Running
html { | |
font-family: Inter; | |
font-size: 16px; | |
font-weight: 400; | |
-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 ; | |
} | |
.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 ; | |
letter-spacing: 0px ; | |
} | |
#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; | |
} | |