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