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: #161619;
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
}
31
32
.breadcrumbs {
33
list-style: none;
34
padding: 16px 8px 0;
35
margin: 0;
36
}
37
38
.breadcrumbs li {
39
display: inline-block;
40
}
41
42
.breadcrumbs li + li::before {
43
content: "\0000BB";
44
}
45
46
body > header {
47
display: flex;
48
padding: 8px;
49
align-items: center;
50
background-color: #0c0c10;
51
}
52
53
body > header :any-link {
54
color: #f1f1f1 !important;
55
}
56
57
body > header h2 {
58
flex: 1;
59
font-size: large;
60
margin: 0;
61
}
62
63
body > header nav {
64
font-size: large;
65
}
66
67
tr > :not(:last-child) {
68
padding-right: 15px;
69
}
70
71
body > footer {
72
display: flex;
73
align-items: first baseline;
74
margin: 8px;
75
margin-top: 12px;
76
width: calc(100vw - 16px);
77
padding-top: 3px;
78
border-top: 1px currentColor solid;
79
}
80
81
.footer-link-list-holder {
82
flex: 1;
83
}
84
85
.footer-link-list {
86
list-style: none;
87
padding-left: 0;
88
margin: 0;
89
}
90
91
.footer-link-list-label {
92
font-weight: 900;
93
font-size: 1.05rem;
94
}