File size: 2,543 Bytes
f74a8bb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
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;
}