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
box-sizing: border-box;
28
max-width: 60vw;
29
margin: 0 auto;
30
background-color: #19191b;
31
}
32
.breadcrumbs {
34
list-style: none;
35
padding: 8px;
36
box-sizing: border-box;
37
margin: 16px auto 8px auto;
38
width: 60vw;
39
border: 1px solid black;
40
background-color: #19191b;
41
}
42
.breadcrumbs li {
44
display: inline-block;
45
}
46
.breadcrumbs li + li::before {
48
content: "\00A5";
49
}
50
body > header {
52
display: flex;
53
padding: 20px;
54
box-sizing: border-box;
55
align-items: center;
56
width: 60vw;
57
margin: 0 auto;
58
background-color: #0b0b0c;
59
border-bottom: 1px solid #fff;
60
}
61
body > header :any-link {
63
color: #f1f1f1 !important;
64
font-style: italic;
65
text-decoration: none;
66
}
67
body > header h2 {
69
flex: 1;
70
font-size: large;
71
margin: 0;
72
}
73
body > header nav {
75
font-size: large;
76
}
77
body > header nav :any-link:not(:last-child) {
79
margin-right: 15px;
80
}
81
tr > :not(:last-child) {
83
padding-right: 15px;
84
}
85
body > footer {
87
display: flex;
88
align-items: first baseline;
89
margin: 8px auto;
90
margin-top: 12px;
91
width: 60vw;
92
padding-top: 3px;
93
box-sizing: border-box;
94
background-color: #19191b;
95
border-top: 1px currentColor solid;
96
}
97
.footer-link-list-holder {
99
flex: 1;
100
}
101
.footer-link-list {
103
list-style: none;
104
padding-left: 0;
105
margin: 0;
106
}
107
.footer-link-list-label {
109
font-weight: 900;
110
font-size: 1.05rem;
111
}
112
img {
114
image-rendering: optimizeQuality;
115
}
116
abbr :any-link {
118
text-decoration-style: dotted;
119
text-decoration-color: currentColor;
120
}
121
abbr:has(:any-link) {
123
text-decoration: none;
124
}
125
kbd {
127
white-space: pre-wrap;
128
font-family: "mononoki", monospace;
129
display: inline-block;
130
font-size: .85rem;
131
}
132
:not(samp) kbd:not(:has(kbd)) {
134
background-color: #222728;
135
color: currentColor;
136
border: currentColor 1px solid;
137
border-radius: 10px;
138
padding: 5px;
139
margin: 1px 0;
140
}
141
samp kbd {
143
display: block;
144
}
145
samp {
147
background-color: #282722;
148
color: #fff;
149
font-family: "mononoki", monospace;
150
padding: 10px;
151
display: block;
152
font-size: .85rem;
153
white-space: pre-wrap;
154
}
155