ASCII text
1
/* Colors */
2
:root {
4
--primary: #101010;
5
--secondary: #f9a911;
6
--teriary: #efee00;
7
--primary-text: #fff;
9
--primary-code: #1f1f1f;
10
}
11
/* Fonts */
13
@font-face {
15
font-family: "Stampello Faceto";
16
src: url("StampatelloFaceto.otf") format("truetype");
17
}
18
@font-face {
20
font-family: "RH Mono";
21
src: url("RedHatMonoVF.ttf") format("truetype");
22
}
23
@font-face {
25
font-family: "Yeast";
26
src: url("yeast.otf") format("opentype");
27
}
28
/* Styles */
30
body {
32
background-color: var(--primary);
33
color: var(--primary-text);
34
font-family: "Stampello Faceto";
35
width: 45vw;
36
margin: 0 auto;
37
padding: 35px;
38
height: calc(100% - 70px);
39
box-shadow: 0px 0px 50px #000;
40
}
41
html {
43
background-image: url("./bg3.webp");
44
background-color: #FFF;
45
height: 100%;
46
}
47
:is(h1, h2, h3, h4, h5, h6) {
49
font-family: "Yeast";
50
}
51
:any-link {
53
background: linear-gradient(
54
90deg,
55
rgb(255, 150, 150) 0%,
56
rgb(255, 194, 102) 10%,
57
rgb(244, 255, 107) 20%,
58
rgb(176, 253, 173) 30%,
59
rgb(155, 255, 254) 40%,
60
rgb(192, 246, 255) 50%,
61
rgb(96, 172, 255) 60%,
62
rgb(138, 79, 255) 70%,
63
rgb(217, 110, 255) 80%,
64
rgb(255, 126, 237) 90%,
65
rgb(255, 145, 145) 100%
66
);
67
background-clip: text;
68
-webkit-text-fill-color: transparent;
69
}
70
th,
72
td {
73
text-align: center;
74
}
75
#ThemeList {
77
padding: 0;
78
margin: 0;
79
}
80
#ThemeList li {
82
width: fit-content;
83
display: inline-block;
84
list-style: none;
85
}
87
code {
89
background-color: var(--primary-code);
90
display: inline-block;
91
font-family: "RH Mono";
92
}
93
code:has(pre) {
95
display: block;
96
padding: 5px;
97
}
98
[aria-label=breadcrumbs] ol {
100
padding: 0;
101
}
102
[aria-label=breadcrumbs] li {
104
list-style: none;
105
display: inline-block;
106
}
107
[aria-label=breadcrumbs] li + li::before {
109
content: " / ";
110
}
111