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