global.css
ASCII text
1
@import url("/fonts/inter/inter.css");
2
@import url("/fonts/mononoki/mononoki.css");
3
4
body,
5
html {
6
margin: 0;
7
width: 100vw;
8
font-size: 95%;
9
font-family: "Inter";
10
}
11
12
body {
13
background-image: url("/Background.webp");
14
background-color: #000;
15
color: #fff;
16
}
17
18
:any-link {
19
color: #9a9af0;
20
}
21
22
:any-link:active {
23
color: #f09a9a;
24
}
25
26
main {
27
padding: 8px;
28
box-sizing: border-box;
29
max-width: 60vw;
30
margin: 0 auto;
31
background-color: #19191b;
32
}
33
34
.breadcrumbs {
35
list-style: none;
36
padding: 8px;
37
box-sizing: border-box;
38
margin: 0 auto;
39
width: 60vw;
40
background-color: #19191b;
41
}
42
43
.breadcrumbs li {
44
display: inline-block;
45
}
46
47
.breadcrumbs li + li::before {
48
content: "\00A5";
49
}
50
51
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
}
60
61
body > header :any-link {
62
color: #f1f1f1 !important;
63
font-style: italic;
64
text-decoration: none;
65
}
66
67
body > header h2 {
68
font-size: large;
69
margin: 0;
70
}
71
72
body > header nav {
73
font-size: large;
74
padding-left: 15px;
75
margin-left: 15px;
76
border-left: 1px solid white;
77
}
78
79
body > header nav :any-link:not(:last-child) {
80
margin-right: 15px;
81
}
82
83
tr > :not(:last-child) {
84
padding-right: 15px;
85
}
86
87
body > footer {
88
margin: 8px auto;
89
margin-top: 12px;
90
width: fit-content;
91
padding: 15px;
92
background-color: #19191b;
93
position: absolute;
94
top: 15px;
95
right: 15px;
96
}
97
98
.footer-link-list-holder {
99
flex: 1;
100
}
101
102
.footer-link-list {
103
list-style: none;
104
padding-left: 0;
105
margin: 0;
106
}
107
108
.footer-link-list-label {
109
font-weight: 900;
110
font-size: 1.05rem;
111
}
112
113
img {
114
image-rendering: optimizeQuality;
115
}
116
117
abbr :any-link {
118
text-decoration-style: dotted;
119
text-decoration-color: currentColor;
120
}
121
122
.button-hotlink {
123
display: block;
124
margin-top: 3px;
125
}
126
127
input,
128
textarea {
129
appearance: none;
130
background-color: #000;
131
color: #fff;
132
border: 1px solid white;
133
}
134
135