taurean.bryant.land
+621
client/index.html
+621
client/index.html
···
12
12
}
13
13
}
14
14
</script>
15
+
<style>
16
+
/*stylebase v0.11.0*/
17
+
@layer webfont, stylebase-token, token, stylebase-default, default, stylebase-utility, utility, stylebase-layout, layout;
18
+
@layer stylebase-default {
19
+
article {
20
+
font-size: var(--fs-2);
21
+
}
22
+
article :where(h1, h2, h3) {
23
+
font-family: (--ff-heading);
24
+
}
25
+
article :where(h4, h5, h6) {
26
+
font-family: (--ff-sans);
27
+
}
28
+
article :where(h1, h2, h3, h4, h5, h6) {
29
+
max-inline-size: 40ch;
30
+
text-wrap: balance;
31
+
}
32
+
article hgroup p {
33
+
font-family: var(--ff-heading);
34
+
font-size: var(--fs-2);
35
+
}
36
+
article h1 {
37
+
font-size: var(--fs-7);
38
+
}
39
+
article hr {
40
+
margin: 0 10ch;
41
+
max-inline-size: var(--hr-width, 40ch);
42
+
}
43
+
article p {
44
+
font-family: var(--ff-content);
45
+
font-size: inherit;
46
+
max-inline-size: 68ch;
47
+
text-wrap: pretty;
48
+
}
49
+
}
50
+
@layer stylebase-token {
51
+
:root {
52
+
--hue-red-50: oklch(98.83% 0.005 20);
53
+
--hue-red-100: oklch(96.68% 0.02 20);
54
+
--hue-red-200: oklch(92.19% 0.04 20);
55
+
--hue-red-300: oklch(86.13% 0.08 20);
56
+
--hue-red-400: oklch(80.08% 0.11 20);
57
+
--hue-red-500: oklch(74.22% 0.15 20);
58
+
--hue-red-600: oklch(62.7% 0.14 20);
59
+
--hue-red-700: oklch(53.52% 0.12 20);
60
+
--hue-red-800: oklch(41.99% 0.09 20);
61
+
--hue-red-900: oklch(30.66% 0.07 20);
62
+
--hue-red-950: oklch(19.34% 0.04 20);
63
+
--hue-orange-50: oklch(98.83% 0.005 43.33);
64
+
--hue-orange-100: oklch(96.68% 0.02 43.33);
65
+
--hue-orange-200: oklch(92.19% 0.04 43.33);
66
+
--hue-orange-300: oklch(85.94% 0.08 43.33);
67
+
--hue-orange-400: oklch(79.88% 0.11 43.33);
68
+
--hue-orange-500: oklch(73.83% 0.15 43.33);
69
+
--hue-orange-600: oklch(62.3% 0.14 43.33);
70
+
--hue-orange-700: oklch(53.13% 0.12 43.33);
71
+
--hue-orange-800: oklch(41.8% 0.09 43.33);
72
+
--hue-orange-900: oklch(30.47% 0.07 43.33);
73
+
--hue-orange-950: oklch(19.14% 0.04 43.33);
74
+
--hue-amber-50: oklch(98.83% 0.005 66.67);
75
+
--hue-amber-100: oklch(96.68% 0.02 66.67);
76
+
--hue-amber-200: oklch(91.99% 0.04 66.67);
77
+
--hue-amber-300: oklch(85.74% 0.08 66.67);
78
+
--hue-amber-400: oklch(79.49% 0.11 66.67);
79
+
--hue-amber-500: oklch(73.24% 0.15 66.67);
80
+
--hue-amber-600: oklch(61.91% 0.14 66.67);
81
+
--hue-amber-700: oklch(52.73% 0.12 66.67);
82
+
--hue-amber-800: oklch(41.41% 0.09 66.67);
83
+
--hue-amber-900: oklch(30.27% 0.07 66.67);
84
+
--hue-amber-950: oklch(19.14% 0.04 66.67);
85
+
--hue-yellow-50: oklch(98.83% 0.005 90);
86
+
--hue-yellow-100: oklch(96.48% 0.02 90);
87
+
--hue-yellow-200: oklch(91.8% 0.04 90);
88
+
--hue-yellow-300: oklch(85.35% 0.08 90);
89
+
--hue-yellow-400: oklch(78.91% 0.11 90);
90
+
--hue-yellow-500: oklch(72.66% 0.15 90);
91
+
--hue-yellow-600: oklch(61.13% 0.14 90);
92
+
--hue-yellow-700: oklch(52.34% 0.12 90);
93
+
--hue-yellow-800: oklch(41.02% 0.09 90);
94
+
--hue-yellow-900: oklch(30.08% 0.07 90);
95
+
--hue-yellow-950: oklch(19.14% 0.04 90);
96
+
--hue-lime-50: oklch(98.83% 0.005 106.67);
97
+
--hue-lime-100: oklch(96.48% 0.02 106.67);
98
+
--hue-lime-200: oklch(91.6% 0.04 106.67);
99
+
--hue-lime-300: oklch(84.96% 0.08 106.67);
100
+
--hue-lime-400: oklch(78.52% 0.11 106.67);
101
+
--hue-lime-500: oklch(72.07% 0.15 106.67);
102
+
--hue-lime-600: oklch(60.74% 0.14 106.67);
103
+
--hue-lime-700: oklch(51.95% 0.12 106.67);
104
+
--hue-lime-800: oklch(40.82% 0.09 106.67);
105
+
--hue-lime-900: oklch(29.88% 0.07 106.67);
106
+
--hue-lime-950: oklch(18.95% 0.04 106.67);
107
+
--hue-green-50: oklch(98.83% 0.005 123.33);
108
+
--hue-green-100: oklch(96.29% 0.02 123.33);
109
+
--hue-green-200: oklch(91.41% 0.04 123.33);
110
+
--hue-green-300: oklch(84.77% 0.08 123.33);
111
+
--hue-green-400: oklch(78.13% 0.11 123.33);
112
+
--hue-green-500: oklch(71.48% 0.15 123.33);
113
+
--hue-green-600: oklch(60.35% 0.14 123.33);
114
+
--hue-green-700: oklch(51.56% 0.12 123.33);
115
+
--hue-green-800: oklch(40.43% 0.09 123.33);
116
+
--hue-green-900: oklch(29.69% 0.07 123.33);
117
+
--hue-green-950: oklch(18.75% 0.04 123.33);
118
+
--hue-emerald-50: oklch(98.83% 0.005 140);
119
+
--hue-emerald-100: oklch(96.29% 0.02 140);
120
+
--hue-emerald-200: oklch(91.41% 0.04 140);
121
+
--hue-emerald-300: oklch(84.57% 0.08 140);
122
+
--hue-emerald-400: oklch(77.73% 0.11 140);
123
+
--hue-emerald-500: oklch(71.09% 0.15 140);
124
+
--hue-emerald-600: oklch(59.77% 0.14 140);
125
+
--hue-emerald-700: oklch(51.17% 0.12 140);
126
+
--hue-emerald-800: oklch(40.04% 0.09 140);
127
+
--hue-emerald-900: oklch(29.49% 0.07 140);
128
+
--hue-emerald-950: oklch(18.75% 0.04 140);
129
+
--hue-teal-50: oklch(98.83% 0.005 160);
130
+
--hue-teal-100: oklch(96.29% 0.02 160);
131
+
--hue-teal-200: oklch(91.21% 0.04 160);
132
+
--hue-teal-300: oklch(84.38% 0.08 160);
133
+
--hue-teal-400: oklch(77.54% 0.11 160);
134
+
--hue-teal-500: oklch(70.51% 0.15 160);
135
+
--hue-teal-600: oklch(59.38% 0.14 160);
136
+
--hue-teal-700: oklch(50.78% 0.12 160);
137
+
--hue-teal-800: oklch(39.84% 0.09 160);
138
+
--hue-teal-900: oklch(29.1% 0.07 160);
139
+
--hue-teal-950: oklch(18.36% 0.04 160);
140
+
--hue-cyan-50: oklch(98.83% 0.005 180);
141
+
--hue-cyan-100: oklch(96.29% 0.02 180);
142
+
--hue-cyan-200: oklch(91.21% 0.04 180);
143
+
--hue-cyan-300: oklch(84.38% 0.08 180);
144
+
--hue-cyan-400: oklch(77.34% 0.11 180);
145
+
--hue-cyan-500: oklch(70.51% 0.15 180);
146
+
--hue-cyan-600: oklch(59.18% 0.14 180);
147
+
--hue-cyan-700: oklch(50.59% 0.12 180);
148
+
--hue-cyan-800: oklch(39.65% 0.09 180);
149
+
--hue-cyan-900: oklch(28.91% 0.07 180);
150
+
--hue-cyan-950: oklch(18.16% 0.04 180);
151
+
--hue-lightBlue-50: oklch(98.83% 0.005 210);
152
+
--hue-lightBlue-100: oklch(96.29% 0.02 210);
153
+
--hue-lightBlue-200: oklch(91.41% 0.04 210);
154
+
--hue-lightBlue-300: oklch(84.57% 0.08 210);
155
+
--hue-lightBlue-400: oklch(77.73% 0.11 210);
156
+
--hue-lightBlue-500: oklch(70.9% 0.15 210);
157
+
--hue-lightBlue-600: oklch(59.57% 0.14 210);
158
+
--hue-lightBlue-700: oklch(50.78% 0.12 210);
159
+
--hue-lightBlue-800: oklch(39.84% 0.09 210);
160
+
--hue-lightBlue-900: oklch(29.1% 0.07 210);
161
+
--hue-lightBlue-950: oklch(18.16% 0.04 210);
162
+
--hue-blue-50: oklch(98.83% 0.005 240);
163
+
--hue-blue-100: oklch(96.48% 0.02 240);
164
+
--hue-blue-200: oklch(91.6% 0.04 240);
165
+
--hue-blue-300: oklch(84.96% 0.08 240);
166
+
--hue-blue-400: oklch(78.32% 0.11 240);
167
+
--hue-blue-500: oklch(71.88% 0.15 240);
168
+
--hue-blue-600: oklch(60.55% 0.14 240);
169
+
--hue-blue-700: oklch(51.76% 0.12 240);
170
+
--hue-blue-800: oklch(40.63% 0.09 240);
171
+
--hue-blue-900: oklch(29.69% 0.07 240);
172
+
--hue-blue-950: oklch(18.75% 0.04 240);
173
+
--hue-indigo-50: oklch(98.83% 0.005 260);
174
+
--hue-indigo-100: oklch(96.48% 0.02 260);
175
+
--hue-indigo-200: oklch(91.8% 0.04 260);
176
+
--hue-indigo-300: oklch(85.35% 0.08 260);
177
+
--hue-indigo-400: oklch(78.91% 0.11 260);
178
+
--hue-indigo-500: oklch(72.66% 0.15 260);
179
+
--hue-indigo-600: oklch(61.33% 0.14 260);
180
+
--hue-indigo-700: oklch(52.34% 0.12 260);
181
+
--hue-indigo-800: oklch(41.21% 0.09 260);
182
+
--hue-indigo-900: oklch(30.08% 0.07 260);
183
+
--hue-indigo-950: oklch(19.14% 0.04 260);
184
+
--hue-violet-50: oklch(98.83% 0.005 280);
185
+
--hue-violet-100: oklch(96.48% 0.02 280);
186
+
--hue-violet-200: oklch(91.99% 0.04 280);
187
+
--hue-violet-300: oklch(85.74% 0.08 280);
188
+
--hue-violet-400: oklch(79.49% 0.11 280);
189
+
--hue-violet-500: oklch(73.44% 0.15 280);
190
+
--hue-violet-600: oklch(61.91% 0.14 280);
191
+
--hue-violet-700: oklch(52.93% 0.12 280);
192
+
--hue-violet-800: oklch(41.6% 0.09 280);
193
+
--hue-violet-900: oklch(30.47% 0.07 280);
194
+
--hue-violet-950: oklch(19.34% 0.04 280);
195
+
--hue-purple-50: oklch(98.83% 0.005 300);
196
+
--hue-purple-100: oklch(96.68% 0.02 300);
197
+
--hue-purple-200: oklch(92.19% 0.04 300);
198
+
--hue-purple-300: oklch(85.94% 0.08 300);
199
+
--hue-purple-400: oklch(79.88% 0.11 300);
200
+
--hue-purple-500: oklch(73.83% 0.15 300);
201
+
--hue-purple-600: oklch(62.5% 0.14 300);
202
+
--hue-purple-700: oklch(53.32% 0.12 300);
203
+
--hue-purple-800: oklch(41.8% 0.09 300);
204
+
--hue-purple-900: oklch(30.66% 0.07 300);
205
+
--hue-purple-950: oklch(19.53% 0.04 300);
206
+
--hue-fuschia-50: oklch(98.83% 0.005 320);
207
+
--hue-fuschia-100: oklch(96.68% 0.02 320);
208
+
--hue-fuschia-200: oklch(92.19% 0.04 320);
209
+
--hue-fuschia-300: oklch(86.13% 0.08 320);
210
+
--hue-fuschia-400: oklch(80.08% 0.11 320);
211
+
--hue-fuschia-500: oklch(74.22% 0.15 320);
212
+
--hue-fuschia-600: oklch(62.7% 0.14 320);
213
+
--hue-fuschia-700: oklch(53.52% 0.12 320);
214
+
--hue-fuschia-800: oklch(41.99% 0.09 320);
215
+
--hue-fuschia-900: oklch(30.86% 0.07 320);
216
+
--hue-fuschia-950: oklch(19.53% 0.04 320);
217
+
--hue-pink-50: oklch(98.83% 0.005 340);
218
+
--hue-pink-100: oklch(96.68% 0.02 340);
219
+
--hue-pink-200: oklch(92.38% 0.04 340);
220
+
--hue-pink-300: oklch(86.33% 0.08 340);
221
+
--hue-pink-400: oklch(80.27% 0.11 340);
222
+
--hue-pink-500: oklch(74.41% 0.15 340);
223
+
--hue-pink-600: oklch(62.89% 0.14 340);
224
+
--hue-pink-700: oklch(53.71% 0.12 340);
225
+
--hue-pink-800: oklch(41.99% 0.09 340);
226
+
--hue-pink-900: oklch(30.86% 0.07 340);
227
+
--hue-pink-950: oklch(19.53% 0.04 340);
228
+
--hue-rose-50: oklch(98.83% 0.005 0);
229
+
--hue-rose-100: oklch(96.68% 0.02 0);
230
+
--hue-rose-200: oklch(92.38% 0.04 0);
231
+
--hue-rose-300: oklch(86.33% 0.08 0);
232
+
--hue-rose-400: oklch(80.27% 0.11 0);
233
+
--hue-rose-500: oklch(74.41% 0.15 0);
234
+
--hue-rose-600: oklch(62.7% 0.14 0);
235
+
--hue-rose-700: oklch(53.52% 0.12 0);
236
+
--hue-rose-800: oklch(41.99% 0.09 0);
237
+
--hue-rose-900: oklch(30.66% 0.07 0);
238
+
--hue-rose-950: oklch(19.34% 0.04 0);
239
+
--hue-slate-50: oklch(98.83% 0.005 275);
240
+
--hue-slate-100: oklch(96.48% 0.02 275);
241
+
--hue-slate-200: oklch(91.8% 0.02 275);
242
+
--hue-slate-300: oklch(85.35% 0.02 275);
243
+
--hue-slate-400: oklch(78.91% 0.02 275);
244
+
--hue-slate-500: oklch(72.66% 0.02 275);
245
+
--hue-slate-600: oklch(61.33% 0.02 275);
246
+
--hue-slate-700: oklch(52.34% 0.02 275);
247
+
--hue-slate-800: oklch(41.21% 0.02 275);
248
+
--hue-slate-900: oklch(30.27% 0.02 275);
249
+
--hue-slate-950: oklch(19.34% 0.02 275);
250
+
--hue-gray-50: oklch(98.83% 0.005 275);
251
+
--hue-gray-100: oklch(96.48% 0.02 275);
252
+
--hue-gray-200: oklch(91.8% 0.02 275);
253
+
--hue-gray-300: oklch(85.35% 0.02 275);
254
+
--hue-gray-400: oklch(78.91% 0.02 275);
255
+
--hue-gray-500: oklch(72.66% 0.02 275);
256
+
--hue-gray-600: oklch(61.33% 0.02 275);
257
+
--hue-gray-700: oklch(52.34% 0.02 275);
258
+
--hue-gray-800: oklch(41.21% 0.02 275);
259
+
--hue-gray-900: oklch(30.27% 0.02 275);
260
+
--hue-gray-950: oklch(19.34% 0.02 275);
261
+
--hue-zinc-50: oklch(98.83% 0.005 275);
262
+
--hue-zinc-100: oklch(96.48% 0.01 275);
263
+
--hue-zinc-200: oklch(91.8% 0.01 275);
264
+
--hue-zinc-300: oklch(85.35% 0.01 275);
265
+
--hue-zinc-400: oklch(78.91% 0.01 275);
266
+
--hue-zinc-500: oklch(72.66% 0.01 275);
267
+
--hue-zinc-600: oklch(61.33% 0.01 275);
268
+
--hue-zinc-700: oklch(52.34% 0.01 275);
269
+
--hue-zinc-800: oklch(41.21% 0.01 275);
270
+
--hue-zinc-900: oklch(30.27% 0.01 275);
271
+
--hue-zinc-950: oklch(19.34% 0.01 275);
272
+
--hue-neutral-50: oklch(98.83% 0.005 0);
273
+
--hue-neutral-100: oklch(96.48% 0 0);
274
+
--hue-neutral-200: oklch(91.8% 0 0);
275
+
--hue-neutral-300: oklch(85.35% 0 0);
276
+
--hue-neutral-400: oklch(78.91% 0 0);
277
+
--hue-neutral-500: oklch(72.66% 0 0);
278
+
--hue-neutral-600: oklch(61.13% 0 0);
279
+
--hue-neutral-700: oklch(52.34% 0 0);
280
+
--hue-neutral-800: oklch(41.21% 0 0);
281
+
--hue-neutral-900: oklch(30.08% 0 0);
282
+
--hue-neutral-950: oklch(19.34% 0 0);
283
+
--hue-stone-50: oklch(98.83% 0.008 75);
284
+
--hue-stone-100: oklch(96.48% 0.01 75);
285
+
--hue-stone-200: oklch(91.8% 0.01 75);
286
+
--hue-stone-300: oklch(85.35% 0.01 75);
287
+
--hue-stone-400: oklch(78.91% 0.01 75);
288
+
--hue-stone-500: oklch(72.66% 0.01 75);
289
+
--hue-stone-600: oklch(61.33% 0.01 75);
290
+
--hue-stone-700: oklch(52.34% 0.01 75);
291
+
--hue-stone-800: oklch(41.21% 0.01 75);
292
+
--hue-stone-900: oklch(30.27% 0.01 75);
293
+
--hue-stone-950: oklch(19.34% 0.01 75);
294
+
--hue-sand-50: oklch(98.83% 0.008 75);
295
+
--hue-sand-100: oklch(96.48% 0.01 75);
296
+
--hue-sand-200: oklch(91.8% 0.01 75);
297
+
--hue-sand-300: oklch(85.35% 0.01 75);
298
+
--hue-sand-400: oklch(78.91% 0.01 75);
299
+
--hue-sand-500: oklch(72.66% 0.01 75);
300
+
--hue-sand-600: oklch(61.33% 0.01 75);
301
+
--hue-sand-700: oklch(52.34% 0.01 75);
302
+
--hue-sand-800: oklch(41.21% 0.01 75);
303
+
--hue-sand-900: oklch(30.27% 0.01 75);
304
+
--hue-sand-950: oklch(30.27% 0.01 75);
305
+
--hue-olive-50: oklch(98.83% 0.008 120);
306
+
--hue-olive-100: oklch(96.48% 0.01 120);
307
+
--hue-olive-200: oklch(91.8% 0.01 120);
308
+
--hue-olive-300: oklch(85.16% 0.01 120);
309
+
--hue-olive-400: oklch(78.91% 0.01 120);
310
+
--hue-olive-500: oklch(72.46% 0.01 120);
311
+
--hue-olive-600: oklch(61.13% 0.01 120);
312
+
--hue-olive-700: oklch(52.34% 0.01 120);
313
+
--hue-olive-800: oklch(41.02% 0.01 120);
314
+
--hue-olive-900: oklch(30.08% 0.01 120);
315
+
--hue-olive-950: oklch(19.14% 0.01 120);
316
+
--hue-mauve-50: oklch(98.83% 0.008 325);
317
+
--hue-mauve-100: oklch(96.68% 0.01 325);
318
+
--hue-mauve-200: oklch(91.8% 0.01 325);
319
+
--hue-mauve-300: oklch(85.35% 0.01 325);
320
+
--hue-mauve-400: oklch(78.91% 0.01 325);
321
+
--hue-mauve-500: oklch(72.66% 0.01 325);
322
+
--hue-mauve-600: oklch(61.33% 0.01 325);
323
+
--hue-mauve-700: oklch(52.34% 0.01 325);
324
+
--hue-mauve-800: oklch(41.21% 0.01 325);
325
+
--hue-mauve-900: oklch(30.27% 0.01 325);
326
+
--hue-mauve-950: oklch(19.34% 0.01 325);
327
+
}
328
+
}
329
+
@layer stylebase-default {
330
+
:root {
331
+
--hue-z0-bg: var(--hue-neutral-50);
332
+
--hue-z0-fg: var(--hue-neutral-950);
333
+
--hue-z0-divider: color-mix(in oklch, currentColor 50%, transparent);
334
+
--hue-z1-bg: ;
335
+
--hue-z1-fg: ;
336
+
}
337
+
body,
338
+
html {
339
+
background-color: var(--hue-z0-bg);
340
+
color: var(--hue-z0-fg);
341
+
}
342
+
@media (prefers-color-scheme: dark) {
343
+
:root {
344
+
--hue-z0-bg: var(--hue-neutral-950);
345
+
--hue-z0-fg: var(--hue-neutral-200);
346
+
}
347
+
}
348
+
}
349
+
@layer stylebase-token {
350
+
:root {
351
+
--ff-antique-display:
352
+
Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L",
353
+
"Georgia Pro", Georgia, serif;
354
+
--ff-didone-display:
355
+
Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052,
356
+
Sylfaen, serif;
357
+
--ff-handwritten-display:
358
+
"Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic, casual, cursive;
359
+
--ff-humanist-classical:
360
+
Optima, Candara, "Noto Sans", source-sans-pro, sans-serif;
361
+
--ff-humanist-geometric:
362
+
Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro,
363
+
sans-serif;
364
+
--ff-humanist:
365
+
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans",
366
+
source-sans-pro, sans-serif;
367
+
--ff-industrial-display:
368
+
Bahnschrift, "DIN Alternate", "Franklin Gothic Medium",
369
+
"Nimbus Sans Narrow", sans-serif-condensed, sans-serif;
370
+
--ff-mono-slab-serif: "Nimbus Mono PS", "Courier New", monospace;
371
+
--ff-mono:
372
+
ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
373
+
"DejaVu Sans Mono", monospace;
374
+
--ff-neo-grotesque:
375
+
Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
376
+
sans-serif;
377
+
--ff-old-style:
378
+
"Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052,
379
+
serif;
380
+
--ff-rounded-sans-display:
381
+
ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa,
382
+
Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri,
383
+
source-sans-pro, sans-serif;
384
+
--ff-slab-serif-display:
385
+
Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif",
386
+
"Sitka Small", serif;
387
+
--ff-system: system-ui, sans-serif;
388
+
--ff-transitional:
389
+
Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
390
+
--ff-content: var(--ff-old-style);
391
+
--ff-heading: var(--ff-rounded-sans-display);
392
+
--ff-sans: var(--ff-neo-grotesque);
393
+
--ff-serif: var(--fftransitional);
394
+
--ff-ui: var(--ff-system);
395
+
--fs-0: clamp(0.625rem, 0.5979rem + 0.1379vw, 0.75rem);
396
+
--fs-1: clamp(0.75rem, 0.7094rem + 0.2069vw, 0.9375rem);
397
+
--fs-2: clamp(0.9rem, 0.8411rem + 0.3vw, 1.1719rem);
398
+
--fs-3: clamp(1.08rem, 0.9967rem + 0.4247vw, 1.4648rem);
399
+
--fs-4: clamp(1.296rem, 1.1801rem + 0.5904vw, 1.8311rem);
400
+
--fs-5: clamp(1.5552rem, 1.3963rem + 0.8095vw, 2.2888rem);
401
+
--fs-6: clamp(1.8662rem, 1.6508rem + 1.0977vw, 2.861rem);
402
+
--fs-7: clamp(2.2395rem, 1.95rem + 1.4751vw, 3.5763rem);
403
+
--fs-8: clamp(2.6874rem, 2.3013rem + 1.9674vw, 4.4703rem);
404
+
--fs-9: clamp(3.2249rem, 2.7131rem + 2.6075vw, 5.5879rem);
405
+
--fs-10: clamp(3.8698rem, 3.1953rem + 3.4373vw, 6.9849rem);
406
+
--lh-ui: 1;
407
+
--lh-snug: 1.15;
408
+
--lh-condensed: 1.35;
409
+
--lh-standard: 1.5;
410
+
--lh-expanded: 1.62;
411
+
--lh-loose: 1.75;
412
+
}
413
+
}
414
+
@layer stylebase-token {
415
+
}
416
+
@layer stylebase-default {
417
+
html {
418
+
-moz-text-size-adjust: none;
419
+
-webkit-text-size-adjust: none;
420
+
color-scheme: light dark;
421
+
text-size-adjust: none;
422
+
}
423
+
body {
424
+
margin: 0;
425
+
}
426
+
hr {
427
+
background-color: var(--hue-z0-divider);
428
+
border: unset;
429
+
height: 1px;
430
+
}
431
+
img,
432
+
svg,
433
+
video {
434
+
display: block;
435
+
max-width: 100%;
436
+
}
437
+
}
438
+
@layer stylebase-layout {
439
+
.l\:grid {
440
+
column-gap: var(--grid-gutter);
441
+
display: grid;
442
+
grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
443
+
margin-inline: auto;
444
+
max-width: var(--grid-max-width);
445
+
padding-inline: var(--grid-gutter);
446
+
row-gap: 0;
447
+
}
448
+
[data-grid-columns="quarter"] {
449
+
grid-column: span calc(var(--grid-columns) / 4);
450
+
}
451
+
[data-grid-columns="third"] {
452
+
grid-column: span calc(var(--grid-columns) / 3);
453
+
}
454
+
[data-grid-columns="half"] {
455
+
grid-column: span calc(var(--grid-columns) / 2);
456
+
}
457
+
[data-grid-columns="full"] {
458
+
grid-column: span var(--grid-columns);
459
+
}
460
+
}
461
+
@layer stylebase-token {
462
+
:root {
463
+
--grid-max-width: 83.25rem;
464
+
--grid-gutter: var(
465
+
--space-s-xl,
466
+
clamp(0.625rem, 0.1321rem + 2.544vw, 2.25rem)
467
+
);
468
+
--grid-columns: 12;
469
+
}
470
+
}
471
+
@layer stylebase-layout {
472
+
.l\:repel {
473
+
align-items: center;
474
+
display: flex !important;
475
+
justify-content: space-between;
476
+
}
477
+
.l\:river > * {
478
+
margin-inline: 0;
479
+
}
480
+
.l\:river > * + * {
481
+
margin-inline-start: var(--river-gap, 1em);
482
+
}
483
+
.l\:root {
484
+
display: block;
485
+
margin-inline: auto;
486
+
max-width: var(--grid-max-width);
487
+
padding-inline: var(--grid-gutter);
488
+
}
489
+
}
490
+
@layer stylebase-layout {
491
+
}
492
+
@layer stylebase-layout {
493
+
}
494
+
@layer stylebase-token {
495
+
:root {
496
+
--space-5xs: clamp(0.56px, 0.5362px + 0.0076vw, 0.67px);
497
+
--space-4xs: clamp(0.9px, 0.861px + 0.0124vw, 1.08px);
498
+
--space-3xs: clamp(1.46px, 1.3972px + 0.02vw, 1.75px);
499
+
--space-2xs: clamp(2.36px, 2.2582px + 0.0324vw, 2.83px);
500
+
--space-xs: clamp(3.82px, 3.6533px + 0.0531vw, 4.59px);
501
+
--space-sm: clamp(6.18px, 5.9115px + 0.0855vw, 7.42px);
502
+
--space-medium: clamp(10px, 9.5669px + 0.1379vw, 12px);
503
+
--space-lg: clamp(16.18px, 15.4784px + 0.2234vw, 19.42px);
504
+
--space-xl: clamp(26.18px, 25.0453px + 0.3614vw, 31.42px);
505
+
--space-2xl: clamp(42.36px, 40.5258px + 0.5841vw, 50.83px);
506
+
--space-3xl: clamp(68.54px, 65.5711px + 0.9455vw, 82.25px);
507
+
--space-4xl: clamp(110.9px, 106.0969px + 1.5297vw, 133.08px);
508
+
--space-5xl: clamp(179.44px, 171.668px + 2.4752vw, 215.33px);
509
+
}
510
+
}
511
+
@layer stylebase-default {
512
+
body {
513
+
font-family: var(--ff-sans);
514
+
font-size: var(--fs-1);
515
+
line-height: var(--lh-standard);
516
+
}
517
+
h1,
518
+
h2,
519
+
h3,
520
+
h4,
521
+
h5,
522
+
h6 {
523
+
font-weight: unset;
524
+
}
525
+
h1,
526
+
h2,
527
+
h3 {
528
+
line-height: var(--lh-snug);
529
+
}
530
+
h4,
531
+
h5,
532
+
h6 {
533
+
line-height: var(--lh-condensed);
534
+
}
535
+
h1 {
536
+
font-size: var(--fs-5);
537
+
}
538
+
h2 {
539
+
font-size: var(--fs-4);
540
+
}
541
+
h3 {
542
+
font-size: var(--fs-3);
543
+
}
544
+
h4 {
545
+
font-size: var(--fs-2);
546
+
}
547
+
h5 {
548
+
font-size: var(--fs-1);
549
+
}
550
+
h6 {
551
+
font-size: var(--fs-0);
552
+
}
553
+
:where(h5, h6):not([class]) {
554
+
text-transform: uppercase;
555
+
}
556
+
p {
557
+
font-size: var(--fs-1);
558
+
line-height: var(--lh-standard);
559
+
}
560
+
p code {
561
+
font-family: var(--ff-mono);
562
+
font-size: 0.9em;
563
+
}
564
+
}
565
+
@layer stylebase-layout {
566
+
.l\:ui-list {
567
+
list-style-type: none;
568
+
padding-inline: unset;
569
+
li {
570
+
display: inline-block;
571
+
}
572
+
}
573
+
}
574
+
@layer stylebase-layout {
575
+
.l\:waterfall > * {
576
+
margin-block: 0;
577
+
}
578
+
.l\:waterfall > * + * {
579
+
margin-block-start: var(--waterfall-gap, 2em);
580
+
}
581
+
}
582
+
@layer utility {
583
+
.u\:fs-0 {
584
+
font-size: var(--fs-0);
585
+
}
586
+
.u\:fs-1 {
587
+
font-size: var(--fs-1);
588
+
}
589
+
.u\:fs-2 {
590
+
font-size: var(--fs-2);
591
+
}
592
+
.u\:fs-3 {
593
+
font-size: var(--fs-3);
594
+
}
595
+
.u\:fs-4 {
596
+
font-size: var(--fs-4);
597
+
}
598
+
.u\:fs-5 {
599
+
font-size: var(--fs-5);
600
+
}
601
+
.u\:fs-6 {
602
+
font-size: var(--fs-6);
603
+
}
604
+
.u\:fs-7 {
605
+
font-size: var(--fs-7);
606
+
}
607
+
.u\:fs-8 {
608
+
font-size: var(--fs-8);
609
+
}
610
+
.u\:fs-9 {
611
+
font-size: var(--fs-9);
612
+
}
613
+
.u\:fs-10 {
614
+
font-size: var(--fs-10);
615
+
}
616
+
.u\:lh-ui {
617
+
line-height: var(--lh-ui);
618
+
}
619
+
.u\:lh-snug {
620
+
line-height: var(--lh-snug);
621
+
}
622
+
.u\:lh-condensed {
623
+
line-height: var(--lh-condensed);
624
+
}
625
+
.u\:lh-standard {
626
+
line-height: var(--lh-standard);
627
+
}
628
+
.u\:lh-expanded {
629
+
line-height: var(--lh-expanded);
630
+
}
631
+
.u\:lh-loose {
632
+
line-height: var(--lh-loose);
633
+
}
634
+
}
635
+
</style>
15
636
</head>
16
637
<body>
17
638
<header class="l:root">
-1
client/styles.css
-1
client/styles.css
···
1
-
@import "https://unpkg.com/@taurean/stylebase@0.11.0/dist/stylebase.min.css";