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