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-image: url("/background.webp");
14
color: #fff;
15
}
16
:any-link {
18
color: #9a9af0;
19
}
20
:any-link:active {
22
color: #f09a9a;
23
}
24
main {
26
padding: 8px;
27
max-width: 60vw;
28
margin: 0 auto;
29
background-color: #19191b;
30
}
31
.breadcrumbs {
33
list-style: none;
34
padding: 8px;
35
margin: 16px auto 8px auto;
36
width: 60vw;
37
border: 1px solid black;
38
background-color: #19191b;
39
}
40
.breadcrumbs li {
42
display: inline-block;
43
}
44
.breadcrumbs li + li::before {
46
content: "\00A5";
47
}
48
body > header {
50
display: flex;
51
padding: 20px;
52
align-items: center;
53
width: 60vw;
54
margin: 0 auto;
55
background-color: #0b0b0c;
56
border-bottom: 1px solid #fff;
57
}
58
body > header :any-link {
60
color: #f1f1f1 !important;
61
font-style: italic;
62
text-decoration: none;
63
}
64
body > header h2 {
66
flex: 1;
67
font-size: large;
68
margin: 0;
69
}
70
body > header nav {
72
font-size: large;
73
}
74
body > header nav :any-link:not(:last-child) {
76
margin-right: 15px;
77
}
78
tr > :not(:last-child) {
80
padding-right: 15px;
81
}
82
body > footer {
84
display: flex;
85
align-items: first baseline;
86
margin: 8px auto;
87
margin-top: 12px;
88
width: 60vw;
89
padding-top: 3px;
90
background-color: #19191b;
91
border-top: 1px currentColor solid;
92
}
93
.footer-link-list-holder {
95
flex: 1;
96
}
97
.footer-link-list {
99
list-style: none;
100
padding-left: 0;
101
margin: 0;
102
}
103
.footer-link-list-label {
105
font-weight: 900;
106
font-size: 1.05rem;
107
}
108
img {
110
image-rendering: optimizeQuality;
111
}
112
abbr :any-link {
114
text-decoration-style: dotted;
115
text-decoration-color: currentColor;
116
}
117
abbr:has(:any-link) {
119
text-decoration: none;
120
}
121
kbd {
123
white-space: pre-wrap;
124
font-family: "mononoki", monospace;
125
display: inline-block;
126
font-size: .85rem;
127
}
128
:not(samp) kbd:not(:has(kbd)) {
130
background-color: #222728;
131
color: currentColor;
132
border: currentColor 1px solid;
133
border-radius: 10px;
134
padding: 5px;
135
margin: 1px 0;
136
}
137
samp kbd {
139
display: block;
140
}
141
samp {
143
background-color: #282722;
144
color: #fff;
145
font-family: "mononoki", monospace;
146
padding: 10px;
147
display: block;
148
font-size: .85rem;
149
white-space: pre-wrap;
150
}
151