style.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

:root {
	--black: #000000;
	--flame: #f46e42;
	--lavender-blush: #eee5e9;
	--gray-web: #7c7c7c;
	--gold-crayola: #efc88b;

	--bg: var(--black);
	--fg: var(--lavender-blush);
}

@media (prefers-color-scheme: light) {
	:root {
		--flame: #cf5c36;
		--gold-crayola: #b5863b;

		--bg: var(--lavender-blush);
		--fg: var(--black);
	}
}

body, html {
	margin: 0;
	padding: 0;

	background-color: var(--bg);
	color: var(--fg);
	font-family: "Inter", sans-serif;
}

.centeredpage {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 24px;

	text-align: justify;
}

h1 {
	text-align: center;
	font-size: 75px;
	font-weight: 700;
}

a { color: var(--flame); }

code {
	font-family: "JetBrainsMono Nerd Font", "JetBrainsMono", monospace;
	color: var(--gold-crayola);
}

p, ul {
	margin: 30px 0;
}

ul {
	line-height: 1.7;
}