ASCII text
1
@import url("willow.css");
2
@import url("redhatmono.css");
3
@import url("gully.css");
4
/* Colors */
6
:root {
8
--primary: #101010;
9
--secondary: #f9a911;
10
--teriary: #efee00;
11
--primary-text: #fff;
13
--primary-code: #1f1f1f;
14
}
15
/* Styles */
17
body {
19
background-color: var(--primary);
20
color: var(--primary-text);
21
font-family: "Gully";
22
width: min(896px, 100vw);
23
margin: 0 auto;
24
padding: 35px;
25
min-height: calc(100% - 70px);
26
box-shadow: 0px 0px 50px #000;
27
}
28
:root {
30
font-family: "Gully";
31
}
32
html {
34
background-image: url("./background.webp");
35
background-color: #FFF;
36
height: 100%;
37
}
38
:is(h1, h2, h3, h4, h5, h6) {
40
font-family: "Willow";
41
}
42
:any-link {
44
background: linear-gradient(
45
90deg,
46
rgb(255, 150, 150) 0%,
47
rgb(255, 194, 102) 10%,
48
rgb(244, 255, 107) 20%,
49
rgb(176, 253, 173) 30%,
50
rgb(155, 255, 254) 40%,
51
rgb(192, 246, 255) 50%,
52
rgb(96, 172, 255) 60%,
53
rgb(138, 79, 255) 70%,
54
rgb(217, 110, 255) 80%,
55
rgb(255, 126, 237) 90%,
56
rgb(255, 145, 145) 100%
57
);
58
background-clip: text;
59
-webkit-text-fill-color: transparent;
60
}
61
th,
63
td {
64
text-align: center;
65
}
66
#ThemeList {
68
padding: 0;
69
margin: 0;
70
}
71
#ThemeList li {
73
width: fit-content;
74
display: inline-block;
75
list-style: none;
76
}
78
code {
80
background-color: var(--primary-code);
81
display: inline-block;
82
font-family: "RH Mono";
83
}
84
code.preformatted-text {
86
display: block;
87
white-space: pre-wrap;
88
padding: 5px;
89
font-size: small;
90
}
91
[aria-label=breadcrumbs] ol {
93
padding: 0;
94
}
95
[aria-label=breadcrumbs] li {
97
list-style: none;
98
display: inline-block;
99
}
100
[aria-label=breadcrumbs] li + li::before {
102
content: " / ";
103
}
104
/* Syntax Highlighting */
106
.lang-element {
108
font-style: italic;
109
color: #ffbcff;
110
}
111
.lang-attribute {
113
color: #ffb669;
114
}
115
.lang-string {
117
color: #b3f5ff;
118
}
119