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
|
* {
border-radius: 0px;
--cl-black: hsl(140, 1%, 6%);
--cl-gray-0: hsl(140, 2%, 8%);
--cl-gray-1: hsl(140, 2%, 12%);
--cl-gray-2: hsl(140, 4%, 16%);
--cl-gray-3: hsl(140, 4%, 24%);
--cl-gray-4: hsl(140, 4%, 36%);
--cl-gray-5: hsl(140, 4%, 44%);
--cl-gray-6: hsl(80, 8%, 52%);
--cl-gray-7: hsl(70, 8%, 58%);
--cl-gray-8: hsl(60, 16%, 66%);
--cl-gray-9: hsl(40, 32%, 78%);
--cl-gray-10: hsl(30, 32%, 84%);
--cl-white: hsl(26, 64%, 88%);
--cl-red-6: hsl(4, 83%, 67%);
--cl-red-7: hsl(4, 75%, 75%);
--cl-orange-6: hsl(26, 84%, 62%);
--cl-orange-7: hsl(26, 84%, 74%);
--cl-yellow: hsl(37, 80%, 69%);
--cl-green-6: hsl(120, 41%, 64%);
--cl-green-7: hsl(120, 42%, 75%);
--cl-cyan-6: hsl(160, 41%, 64%);
--cl-cyan-7: hsl(160, 32%, 75%);
--cl-blue-6: hsl(200, 55%, 64%);
--cl-blue-8: hsl(201, 55%, 80%);
--cl-magenta-7: hsl(320, 59%, 72%);
--cl-magenta-8: hsl(320, 61%, 80%);
}
body {
margin: 5vh 10vw 5vh 10vw;
font-family: "Iosevka", "Roboto Mono", monospace;
background-color: var(--cl-black);
color: var(--cl-white);
}
h2 {
margin-top: 2em;
}
a:link {
color: var(--cl-orange-6);
border: 2px solid var(--cl-orange-6);
padding: 4px 8px;
text-decoration: none;
margin-bottom: 0.5em;
line-height: 240%;
}
a:visited, a:active {
color: var(--cl-green-6);
}
a:hover {
color: var(--cl-black);
background-color: var(--cl-magenta-7);
border: 2px solid #0000;
}
.color_blue {
color: var(--cl-blue-6);
}
.color_green {
color: var(--cl-green-6);
}
.color_red {
color: var(--cl-red-6);
}
.block {
background-color: var(--cl-gray-0);
border: 2px solid var(--cl-gray-2);
padding: 16px 32px;
margin-bottom: 0.75em;
}
.entries {
padding: 1em;
margin-bottom: 0.5em;
}
.subtitle summary {
font-size: 1.5em;
font-weight: bold;
color: var(--cl-white);
border: 2px solid #0000;
border-bottom-color: var(--cl-gray-2);
padding: 16px;
text-decoration: none;
margin-bottom: 0.5em;
}
.subtitle summary:hover {
border-color: var(--cl-orange-6);
}
.subtitle:open summary {
border-color: var(--cl-orange-6);
}
details {
margin-bottom: 1em;
}
p {
overflow-wrap: break-word;
}
|
