ASCII text
1
@import url("/fonts/inter/inter.css");
2
@import url("/fonts/mononoki/mononoki.css");
3
body,
5
html {
6
margin: 0;
7
width: 100vw;
8
font-size: 95%;
9
font-family: "Inter";
10
}
11
body {
13
background-color: #19191b;
14
color: #fff;
15
}
16
:any-link {
18
color: #9a9af0;
19
}
20
:any-link:visited {
22
color: #a99af0;
23
}
24
:any-link:active {
26
color: #f09a9a;
27
}
28
main {
30
padding: 0 8px;
31
max-width: 60vw;
32
margin: 0 auto;
33
}
34
main h1,
36
main h2,
37
main h3,
38
main h4,
39
main h5,
40
main h6 {
41
text-align: center;
42
}
43
.breadcrumbs {
45
list-style: none;
46
padding: 16px 8px 0;
47
margin: 0 auto;
48
width: 60vw;
49
}
50
.breadcrumbs li {
52
display: inline-block;
53
}
54
.breadcrumbs li + li::before {
56
content: "\0000BB";
57
}
58
body > header {
60
display: flex;
61
padding: 20px;
62
align-items: center;
63
background-color: #0b0b0c;
64
border-bottom: 1px solid #fff;
65
}
66
body > header :any-link {
68
color: #f1f1f1 !important;
69
font-style: italic;
70
text-decoration: none;
71
}
72
body > header h2 {
74
flex: 1;
75
font-size: large;
76
margin: 0;
77
}
78
body > header nav {
80
font-size: large;
81
flex: 1.15;
82
}
83
body > header nav :any-link:not(:last-child) {
85
margin-right: 15px;
86
}
87
tr > :not(:last-child) {
89
padding-right: 15px;
90
}
91
body > footer {
93
display: flex;
94
align-items: first baseline;
95
margin: 8px;
96
margin-top: 12px;
97
width: calc(100vw - 16px);
98
padding-top: 3px;
99
border-top: 1px currentColor solid;
100
}
101
.footer-link-list-holder {
103
flex: 1;
104
}
105
.footer-link-list {
107
list-style: none;
108
padding-left: 0;
109
margin: 0;
110
}
111
.footer-link-list-label {
113
font-weight: 900;
114
font-size: 1.05rem;
115
}
116
img {
118
image-rendering: optimizeQuality;
119
}
120
abbr :any-link {
122
text-decoration-style: dotted;
123
text-decoration-color: currentColor;
124
}
125
abbr:has(:any-link) {
127
text-decoration: none;
128
}
129
kbd {
131
background-color: #222728;
132
color: currentColor;
133
border: currentColor 1px solid;
134
border-radius: 10px;
135
font-family: "mononoki", monospace;
136
padding: 5px;
137
margin: 1px 0;
138
display: inline-block;
139
}
140
samp {
142
background-color: #282722;
143
color: #fff;
144
font-family: "mononoki", monospace;
145
padding: 10px;
146
display: block;
147
white-space: pre-wrap;
148
}
149