cmc/cleberg.net

My personal web garden & blog. blog personal website https://cleberg.net

Commit e65d0dcaf3

e65d0dcaf36864f0178b3dc0fd70b4c739b3eb1a

parent: 7165995414

Unsigned

cmc <hello@cleberg.net> · 2024-01-10 02:05 UTC 

fix: format CSS

Layout: unified · split

static/styles.css +331 −327
@@ -8,476 +8,480 @@
8 * 2. Prevent adjustments of font size after orientation changes in iOS. 8 * 2. Prevent adjustments of font size after orientation changes in iOS.
9 */ 9 */
10 10
11 html { 11html {
12 line-height: 1.15; /* 1 */ 12 line-height: 1.15; /* 1 */
13 -webkit-text-size-adjust: 100%; /* 2 */ 13 -webkit-text-size-adjust: 100%; /* 2 */
14 } 14}
15 15
16 /* Sections 16/* Sections
17 ========================================================================== */ 17 ========================================================================== */
18 18
19 /** 19/**
20 * Remove the margin in all browsers. 20 * Remove the margin in all browsers.
21 */ 21 */
22 22
23 body { 23body {
24 margin: 0; 24 margin: 0;
25 } 25}
26 26
27 /** 27/**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 30
31 main { 31main {
32 display: block; 32 display: block;
33 } 33}
34 34
35 /** 35/**
36 * Correct the font size and margin on `h1` elements within `section` and 36 * Correct the font size and margin on `h1` elements within `section` and
37 * `article` contexts in Chrome, Firefox, and Safari. 37 * `article` contexts in Chrome, Firefox, and Safari.
38 */ 38 */
39 39
40 h1 { 40h1 {
41 font-size: 2em; 41 font-size: 2em;
42 margin: 0.67em 0; 42 margin: 0.67em 0;
43 } 43}
44 44
45 /* Grouping content 45/* Grouping content
46 ========================================================================== */ 46 ========================================================================== */
47 47
48 /** 48/**
49 * 1. Add the correct box sizing in Firefox. 49 * 1. Add the correct box sizing in Firefox.
50 * 2. Show the overflow in Edge and IE. 50 * 2. Show the overflow in Edge and IE.
51 */ 51 */
52 52
53 hr { 53hr {
54 box-sizing: content-box; /* 1 */ 54 box-sizing: content-box; /* 1 */
55 height: 0; /* 1 */ 55 height: 0; /* 1 */
56 overflow: visible; /* 2 */ 56 overflow: visible; /* 2 */
57 } 57}
58 58
59 /** 59/**
60 * 1. Correct the inheritance and scaling of font size in all browsers. 60 * 1. Correct the inheritance and scaling of font size in all browsers.
61 * 2. Correct the odd `em` font sizing in all browsers. 61 * 2. Correct the odd `em` font sizing in all browsers.
62 */ 62 */
63 63
64 pre { 64pre {
65 font-family: monospace, monospace; /* 1 */ 65 font-family: monospace, monospace; /* 1 */
66 font-size: 1em; /* 2 */ 66 font-size: 1em; /* 2 */
67 } 67}
68 68
69 /* Text-level semantics 69/* Text-level semantics
70 ========================================================================== */ 70 ========================================================================== */
71 71
72 /** 72/**
73 * Remove the gray background on active links in IE 10. 73 * Remove the gray background on active links in IE 10.
74 */ 74 */
75 75
76 a { 76a {
77 background-color: transparent; 77 background-color: transparent;
78 } 78}
79 79
80 /** 80/**
81 * 1. Remove the bottom border in Chrome 57- 81 * 1. Remove the bottom border in Chrome 57-
82 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 82 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83 */ 83 */
84 84
85 abbr[title] { 85abbr[title] {
86 border-bottom: none; /* 1 */ 86 border-bottom: none; /* 1 */
87 text-decoration: underline; /* 2 */ 87 text-decoration: underline; /* 2 */
88 text-decoration: underline dotted; /* 2 */ 88 text-decoration: underline dotted; /* 2 */
89 } 89}
90 90
91 /** 91/**
92 * Add the correct font weight in Chrome, Edge, and Safari. 92 * Add the correct font weight in Chrome, Edge, and Safari.
93 */ 93 */
94 94
95 b, 95b,
96 strong { 96strong {
97 font-weight: bolder; 97 font-weight: bolder;
98 } 98}
99 99
100 /** 100/**
101 * 1. Correct the inheritance and scaling of font size in all browsers. 101 * 1. Correct the inheritance and scaling of font size in all browsers.
102 * 2. Correct the odd `em` font sizing in all browsers. 102 * 2. Correct the odd `em` font sizing in all browsers.
103 */ 103 */
104 104
105 code, 105code,
106 kbd, 106kbd,
107 samp { 107samp {
108 font-family: monospace, monospace; /* 1 */ 108 font-family: monospace, monospace; /* 1 */
109 font-size: 1em; /* 2 */ 109 font-size: 1em; /* 2 */
110 } 110}
111 111
112 /** 112/**
113 * Add the correct font size in all browsers. 113 * Add the correct font size in all browsers.
114 */ 114 */
115 115
116 small { 116small {
117 font-size: 80%; 117 font-size: 80%;
118 } 118}
119 119
120 /** 120/**
121 * Prevent `sub` and `sup` elements from affecting the line height in 121 * Prevent `sub` and `sup` elements from affecting the line height in
122 * all browsers. 122 * all browsers.
123 */ 123 */
124 124
125 sub, 125sub,
126 sup { 126sup {
127 font-size: 75%; 127 font-size: 75%;
128 line-height: 0; 128 line-height: 0;
129 position: relative; 129 position: relative;
130 vertical-align: baseline; 130 vertical-align: baseline;
131 } 131}
132 132
133 sub { 133sub {
134 bottom: -0.25em; 134 bottom: -0.25em;
135 } 135}
136 136
137 sup { 137sup {
138 top: -0.5em; 138 top: -0.5em;
139 } 139}
140 140
141 /* Embedded content 141/* Embedded content
142 ========================================================================== */ 142 ========================================================================== */
143 143
144 /** 144/**
145 * Remove the border on images inside links in IE 10. 145 * Remove the border on images inside links in IE 10.
146 */ 146 */
147 147
148 img { 148img {
149 border-style: none; 149 border-style: none;
150 } 150}
151 151
152 /* Forms 152/* Forms
153 ========================================================================== */ 153 ========================================================================== */
154 154
155 /** 155/**
156 * 1. Change the font styles in all browsers. 156 * 1. Change the font styles in all browsers.
157 * 2. Remove the margin in Firefox and Safari. 157 * 2. Remove the margin in Firefox and Safari.
158 */ 158 */
159 159
160 button, 160button,
161 input, 161input,
162 optgroup, 162optgroup,
163 select, 163select,
164 textarea { 164textarea {
165 font-family: inherit; /* 1 */ 165 font-family: inherit; /* 1 */
166 font-size: 100%; /* 1 */ 166 font-size: 100%; /* 1 */
167 line-height: 1.15; /* 1 */ 167 line-height: 1.15; /* 1 */
168 margin: 0; /* 2 */ 168 margin: 0; /* 2 */
169 } 169}
170 170
171 /** 171/**
172 * Show the overflow in IE. 172 * Show the overflow in IE.
173 * 1. Show the overflow in Edge. 173 * 1. Show the overflow in Edge.
174 */ 174 */
175 175
176 button, 176button,
177 input { /* 1 */ 177input {
178 overflow: visible; 178 /* 1 */
179 } 179 overflow: visible;
180 180}
181 /** 181
182/**
182 * Remove the inheritance of text transform in Edge, Firefox, and IE. 183 * Remove the inheritance of text transform in Edge, Firefox, and IE.
183 * 1. Remove the inheritance of text transform in Firefox. 184 * 1. Remove the inheritance of text transform in Firefox.
184 */ 185 */
185 186
186 button, 187button,
187 select { /* 1 */ 188select {
188 text-transform: none; 189 /* 1 */
189 } 190 text-transform: none;
190 191}
191 /** 192
193/**
192 * Correct the inability to style clickable types in iOS and Safari. 194 * Correct the inability to style clickable types in iOS and Safari.
193 */ 195 */
194 196
195 button, 197button,
196 [type="button"], 198[type="button"],
197 [type="reset"], 199[type="reset"],
198 [type="submit"] { 200[type="submit"] {
199 -webkit-appearance: button; 201 -webkit-appearance: button;
200 } 202}
201 203
202 /** 204/**
203 * Remove the inner border and padding in Firefox. 205 * Remove the inner border and padding in Firefox.
204 */ 206 */
205 207
206 button::-moz-focus-inner, 208button::-moz-focus-inner,
207 [type="button"]::-moz-focus-inner, 209[type="button"]::-moz-focus-inner,
208 [type="reset"]::-moz-focus-inner, 210[type="reset"]::-moz-focus-inner,
209 [type="submit"]::-moz-focus-inner { 211[type="submit"]::-moz-focus-inner {
210 border-style: none; 212 border-style: none;
211 padding: 0; 213 padding: 0;
212 } 214}
213 215
214 /** 216/**
215 * Restore the focus styles unset by the previous rule. 217 * Restore the focus styles unset by the previous rule.
216 */ 218 */
217 219
218 button:-moz-focusring, 220button:-moz-focusring,
219 [type="button"]:-moz-focusring, 221[type="button"]:-moz-focusring,
220 [type="reset"]:-moz-focusring, 222[type="reset"]:-moz-focusring,
221 [type="submit"]:-moz-focusring { 223[type="submit"]:-moz-focusring {
222 outline: 1px dotted ButtonText; 224 outline: 1px dotted ButtonText;
223 } 225}
224 226
225 /** 227/**
226 * Correct the padding in Firefox. 228 * Correct the padding in Firefox.
227 */ 229 */
228 230
229 fieldset { 231fieldset {
230 padding: 0.35em 0.75em 0.625em; 232 padding: 0.35em 0.75em 0.625em;
231 } 233}
232 234
233 /** 235/**
234 * 1. Correct the text wrapping in Edge and IE. 236 * 1. Correct the text wrapping in Edge and IE.
235 * 2. Correct the color inheritance from `fieldset` elements in IE. 237 * 2. Correct the color inheritance from `fieldset` elements in IE.
236 * 3. Remove the padding so developers are not caught out when they zero out 238 * 3. Remove the padding so developers are not caught out when they zero out
237 * `fieldset` elements in all browsers. 239 * `fieldset` elements in all browsers.
238 */ 240 */
239 241
240 legend { 242legend {
241 box-sizing: border-box; /* 1 */ 243 box-sizing: border-box; /* 1 */
242 color: inherit; /* 2 */ 244 color: inherit; /* 2 */
243 display: table; /* 1 */ 245 display: table; /* 1 */
244 max-width: 100%; /* 1 */ 246 max-width: 100%; /* 1 */
245 padding: 0; /* 3 */ 247 padding: 0; /* 3 */
246 white-space: normal; /* 1 */ 248 white-space: normal; /* 1 */
247 } 249}
248 250
249 /** 251/**
250 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 252 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251 */ 253 */
252 254
253 progress { 255progress {
254 vertical-align: baseline; 256 vertical-align: baseline;
255 } 257}
256 258
257 /** 259/**
258 * Remove the default vertical scrollbar in IE 10+. 260 * Remove the default vertical scrollbar in IE 10+.
259 */ 261 */
260 262
261 textarea { 263textarea {
262 overflow: auto; 264 overflow: auto;
263 } 265}
264 266
265 /** 267/**
266 * 1. Add the correct box sizing in IE 10. 268 * 1. Add the correct box sizing in IE 10.
267 * 2. Remove the padding in IE 10. 269 * 2. Remove the padding in IE 10.
268 */ 270 */
269 271
270 [type="checkbox"], 272[type="checkbox"],
271 [type="radio"] { 273[type="radio"] {
272 box-sizing: border-box; /* 1 */ 274 box-sizing: border-box; /* 1 */
273 padding: 0; /* 2 */ 275 padding: 0; /* 2 */
274 } 276}
275 277
276 /** 278/**
277 * Correct the cursor style of increment and decrement buttons in Chrome. 279 * Correct the cursor style of increment and decrement buttons in Chrome.
278 */ 280 */
279 281
280 [type="number"]::-webkit-inner-spin-button, 282[type="number"]::-webkit-inner-spin-button,
281 [type="number"]::-webkit-outer-spin-button { 283[type="number"]::-webkit-outer-spin-button {
282 height: auto; 284 height: auto;
283 } 285}
284 286
285 /** 287/**
286 * 1. Correct the odd appearance in Chrome and Safari. 288 * 1. Correct the odd appearance in Chrome and Safari.
287 * 2. Correct the outline style in Safari. 289 * 2. Correct the outline style in Safari.
288 */ 290 */
289 291
290 [type="search"] { 292[type="search"] {
291 -webkit-appearance: textfield; /* 1 */ 293 -webkit-appearance: textfield; /* 1 */
292 outline-offset: -2px; /* 2 */ 294 outline-offset: -2px; /* 2 */
293 } 295}
294 296
295 /** 297/**
296 * Remove the inner padding in Chrome and Safari on macOS. 298 * Remove the inner padding in Chrome and Safari on macOS.
297 */ 299 */
298 300
299 [type="search"]::-webkit-search-decoration { 301[type="search"]::-webkit-search-decoration {
300 -webkit-appearance: none; 302 -webkit-appearance: none;
301 } 303}
302 304
303 /** 305/**
304 * 1. Correct the inability to style clickable types in iOS and Safari. 306 * 1. Correct the inability to style clickable types in iOS and Safari.
305 * 2. Change font properties to `inherit` in Safari. 307 * 2. Change font properties to `inherit` in Safari.
306 */ 308 */
307 309
308 ::-webkit-file-upload-button { 310::-webkit-file-upload-button {
309 -webkit-appearance: button; /* 1 */ 311 -webkit-appearance: button; /* 1 */
310 font: inherit; /* 2 */ 312 font: inherit; /* 2 */
311 } 313}
312 314
313 /* Interactive 315/* Interactive
314 ========================================================================== */ 316 ========================================================================== */
315 317
316 /* 318/*
317 * Add the correct display in Edge, IE 10+, and Firefox. 319 * Add the correct display in Edge, IE 10+, and Firefox.
318 */ 320 */
319 321
320 details { 322details {
321 display: block; 323 display: block;
322 } 324}
323 325
324 /* 326/*
325 * Add the correct display in all browsers. 327 * Add the correct display in all browsers.
326 */ 328 */
327 329
328 summary { 330summary {
329 display: list-item; 331 display: list-item;
330 } 332}
331 333
332 /* Misc 334/* Misc
333 ========================================================================== */ 335 ========================================================================== */
334 336
335 /** 337/**
336 * Add the correct display in IE 10+. 338 * Add the correct display in IE 10+.
337 */ 339 */
338 340
339 template { 341template {
340 display: none; 342 display: none;
341 } 343}
342 344
343 /** 345/**
344 * Add the correct display in IE 10. 346 * Add the correct display in IE 10.
345 */ 347 */
346 348
347 [hidden] { 349[hidden] {
348 display: none; 350 display: none;
349 } 351}
350
351 352
352/* CUSTOM CSS */ 353/* CUSTOM CSS */
353:root { 354:root {
354 --bg: #181a1b; 355 --bg: #181a1b;
355 --bg-bright: #2f3132; 356 --bg-bright: #2f3132;
356 --fg: #c6c6c6; 357 --fg: #c6c6c6;
357 --fg-bright: #fff; 358 --fg-bright: #fff;
358 --fg-dark: #575757; 359 --fg-dark: #575757;
359 --blue: #6eb6ff; 360 --blue: #6eb6ff;
360 --pink: #ff91a5; 361 --pink: #ff91a5;
361} 362}
362 363
363@media (prefers-reduced-motion: no-preference) { 364@media (prefers-reduced-motion: no-preference) {
364 :root { 365 :root {
365 scroll-behavior: smooth; 366 scroll-behavior: smooth;
366 } 367 }
367} 368}
368 369
369body { 370body {
370 background-color: var(--bg); 371 background-color: var(--bg);
371 color: var(--fg); 372 color: var(--fg);
372 font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; 373 font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
373 font-size: 1rem; 374 helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
374 line-height: 1.5; 375 sans-serif;
375 max-width: 45em; 376 font-size: 1rem;
376 margin: 0 auto; 377 line-height: 1.5;
377 padding: 0 1rem; 378 max-width: 45em;
379 margin: 0 auto;
380 padding: 0 1rem;
378} 381}
379 382
380.site-nav, 383.site-nav,
381footer { 384footer {
382 border-color: var(--fg); 385 border-color: var(--fg);
383} 386}
384 387
385footer { 388footer {
386 border-top: 1px dotted; 389 border-top: 1px dotted;
387 padding-top: 1rem; 390 padding-top: 1rem;
388 margin: 1rem 0; 391 margin: 1rem 0;
389} 392}
390 393
391footer p { 394footer p {
392 margin: 0; 395 margin: 0;
393} 396}
394 397
395.site-nav { 398.site-nav {
396 border-bottom: 1px dotted; 399 border-bottom: 1px dotted;
397} 400}
398 401
399.site-nav ul { 402.site-nav ul {
400 list-style-type: none; 403 list-style-type: none;
401 display: flex; 404 display: flex;
402 align-items: center; 405 align-items: center;
403 padding: 0; 406 padding: 0;
404} 407}
405 408
406.site-nav ul li { 409.site-nav ul li {
407 margin-right: 0.5rem; 410 margin-right: 0.5rem;
408} 411}
409 412
410h1, 413h1,
411h2, 414h2,
412h3, 415h3,
413h4 { 416h4 {
414 color: var(--fg-bright); 417 color: var(--fg-bright);
415} 418}
416 419
417a, 420a,
418a:visited { 421a:visited {
419 color: var(--blue); 422 color: var(--blue);
420 text-decoration: none; 423 text-decoration: none;
421} 424}
422 425
423a:hover { 426a:hover {
424 text-decoration: underline; 427 text-decoration: underline;
425} 428}
426 429
427img { 430img {
428 width: 100%; 431 width: 100%;
429} 432}
430 433
431table { 434table {
432 border-collapse: collapse; 435 border-collapse: collapse;
433 color: var(--fg); 436 color: var(--fg);
434 border-color: var(--fg-dark); 437 border-color: var(--fg-dark);
435} 438}
436 439
437thead, 440thead,
438th, 441th,
439tr, 442tr,
440td { 443td {
441 border: 1px solid var(--fg-dark); 444 border: 1px solid var(--fg-dark);
442 padding: 0.25rem; 445 padding: 0.25rem;
443} 446}
444 447
445pre > code, 448pre > code,
446time, 449time,
447code { 450code {
448 font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; 451 font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
449 font-size: 1rem; 452 monospace;
453 font-size: 1rem;
450} 454}
451 455
452pre { 456pre {
453 background-color: var(--bg-bright) !important; 457 background-color: var(--bg-bright) !important;
454 border-radius: 3px; 458 border-radius: 3px;
455 margin: 0.5rem 0; 459 margin: 0.5rem 0;
456 padding: 0.5rem; 460 padding: 0.5rem;
457 overflow-x: auto; 461 overflow-x: auto;
458} 462}
459 463
460:not(pre) > code { 464:not(pre) > code {
461 background-color: var(--bg-bright); 465 background-color: var(--bg-bright);
462 color: var(--pink); 466 color: var(--pink);
463 padding: 0.15rem; 467 padding: 0.15rem;
464 border-radius: 3px; 468 border-radius: 3px;
465} 469}
466 470
467aside { 471aside {
468 background-color: var(--bg-bright); 472 background-color: var(--bg-bright);
469 padding: 1rem; 473 padding: 1rem;
470} 474}
471 475
472blockquote { 476blockquote {
473 background-color: var(--bg-bright); 477 background-color: var(--bg-bright);
474 border-left: 10px solid var(--blue); 478 border-left: 10px solid var(--blue);
475 margin: 1rem 0; 479 margin: 1rem 0;
476 padding: 0.5rem 1rem; 480 padding: 0.5rem 1rem;
477} 481}
478 482
479blockquote p { 483blockquote p {
480 margin: 0; 484 margin: 0;
481} 485}
482 486
483.post { 487.post {
@@ -485,8 +489,8 @@ blockquote p {
485} 489}
486 490
487.post time { 491.post time {
488 flex-shrink: 0; 492 flex-shrink: 0;
489 margin-right: 0.5rem; 493 margin-right: 0.5rem;
490} 494}
491 495
492.post-metadata { 496.post-metadata {
@@ -500,7 +504,7 @@ blockquote p {
500} 504}
501 505
502.post-metadata p { 506.post-metadata p {
503 margin: 0; 507 margin: 0;
504} 508}
505 509
506details { 510details {
@@ -512,24 +516,24 @@ summary {
512} 516}
513 517
514.footnote-definition { 518.footnote-definition {
515 display: flex; 519 display: flex;
516 justify-content: flex-start; 520 justify-content: flex-start;
517 align-items: top; 521 align-items: top;
518 margin: 1rem 0; 522 margin: 1rem 0;
519} 523}
520 524
521.footnote-definition sup { 525.footnote-definition sup {
522 font-size: inherit; 526 font-size: inherit;
523 top: 0; 527 top: 0;
524 line-height: inherit; 528 line-height: inherit;
525 padding-right: 0.5rem; 529 padding-right: 0.5rem;
526} 530}
527 531
528.footnote-definition sup::after { 532.footnote-definition sup::after {
529 content: "."; 533 content: ".";
530} 534}
531 535
532.footnote-definition p { 536.footnote-definition p {
533 display: inline-block; 537 display: inline-block;
534 margin: 0; 538 margin: 0;
535} 539}
static/styles.min.css +1 −1
@@ -1 +1 @@
1/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#181a1b;--bg-bright:#2f3132;--fg:#c6c6c6;--fg-bright:#fff;--fg-dark:#575757;--blue:#6eb6ff;--pink:#ff91a5}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg-bright)}a,a:visited{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--fg-dark)}thead,th,tr,td{border:1px solid var(--fg-dark);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{background-color:var(--bg-bright)!important;border-radius:3px;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{background-color:var(--bg-bright);color:var(--pink);padding:.15rem;border-radius:3px}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:10px solid var(--blue);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post{display:flex}.post:first-child{flex:none}.post time{margin-right:.5rem}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}\ No newline at end of file 1/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#181a1b;--bg-bright:#2f3132;--fg:#c6c6c6;--fg-bright:#fff;--fg-dark:#575757;--blue:#6eb6ff;--pink:#ff91a5}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg-bright)}a,a:visited{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--fg-dark)}thead,th,tr,td{border:1px solid var(--fg-dark);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{background-color:var(--bg-bright)!important;border-radius:3px;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{background-color:var(--bg-bright);color:var(--pink);padding:.15rem;border-radius:3px}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:10px solid var(--blue);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}\ No newline at end of file