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
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
: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; 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; } .badge { border-width: 1px; border-style: solid; border-radius: 8px; font-family: monospace; font-size: 0.5rem; padding: 2px; margin: 2px; vertical-align: middle; } /* Dark colors */ .color0 { background-color: var(--color-0); border-color: var(--color-7); color: var(--color-7); } .color1 { background-color: var(--color-1); border-color: var(--color-7); color: var(--color-7); } .color2 { background-color: var(--color-2); border-color: var(--color-7); color: var(--color-7); } .color3 { background-color: var(--color-3); border-color: var(--color-7); color: var(--color-7); } .color4 { background-color: var(--color-4); border-color: var(--color-7); color: var(--color-7); } .color5 { background-color: var(--color-5); border-color: var(--color-7); color: var(--color-7); } /* Light colors */ .color6 { background-color: var(--color-6); border-color: var(--color-0); color: var(--color-0); } .color7 { background-color: var(--color-7); border-color: var(--color-0); color: var(--color-0); }