style.css
ASCII text
1
/* Colors */
2
3
:root {
4
--primary: #101010;
5
--secondary: #f9a911;
6
--teriary: #efee00;
7
8
--primary-text: #fff;
9
--primary-code: #1f1f1f;
10
}
11
12
/* Fonts */
13
14
@font-face {
15
font-family: "Gully";
16
src: url("gully.ttf") format("truetype");
17
}
18
19
@font-face {
20
font-family: "RH Mono";
21
src: url("RedHatMonoVF.ttf") format("truetype");
22
}
23
24
@font-face {
25
font-family: "Yeast";
26
src: url("yeast.otf") format("opentype");
27
}
28
29
/* Styles */
30
31
body {
32
background-color: var(--primary);
33
color: var(--primary-text);
34
font-family: "Gully";
35
}
36
37
:is(h1, h2, h3, h4, h5, h6) {
38
font-family: "Yeast";
39
}
40
41
:any-link {
42
color: var(--secondary);
43
}
44
45
th,
46
td {
47
text-align: center;
48
}
49
50
#ThemeList {
51
padding: 0;
52
margin: 0;
53
}
54
55
#ThemeList li {
56
width: fit-content;
57
display: inline-block;
58
list-style: none;
59
60
}
61
62
code {
63
background-color: var(--primary-code);
64
display: inline-block;
65
font-family: "RH Mono";
66
}
67
68
code:has(pre) {
69
display: block;
70
padding: 5px;
71
}
72
73
[aria-label=breadcrumbs] ol {
74
padding: 0;
75
}
76
77
[aria-label=breadcrumbs] li {
78
list-style: none;
79
display: inline-block;
80
}
81
82
[aria-label=breadcrumbs] li + li::before {
83
content: " / ";
84
}
85