page.css
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
:root { /* Color palette is "NOT A BAUHAUS, A BAUHOME" by @Digi on lospec.com * https://lospec.com/palette-list/not-a-bauhaus-a-bauhome * https://lospec.com/digitress */ --color-0: #150c21; --color-1: #332232; --color-2: #703c67; --color-3: #5a2d2a; --color-4: #b15b35; --color-5: #eaa44a; --color-6: #f0ce6e; --color-7: #fcf8f4; } html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; } html { font-family: sans-serif; font-size: 100%; line-height: 1.5; } body { display: flex; flex-direction: column; min-height: 100vh; } body > header { flex: 0 0 auto; } body > header > h1 { padding: 1rem; } body > main { flex: 1; width: 1280px; margin: 0 auto; } article > h1 { padding: 0.5rem 0; } code { background-color: var(--color-1); color: var(--color-7); border: 1px solid var(--color-7); padding: 4px; border-radius: 4px; }