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
font-weight: lighter;
42
}
43
:any-link {
45
background: linear-gradient(
46
90deg,
47
rgb(255, 150, 150) 0%,
48
rgb(255, 194, 102) 10%,
49
rgb(244, 255, 107) 20%,
50
rgb(176, 253, 173) 30%,
51
rgb(155, 255, 254) 40%,
52
rgb(192, 246, 255) 50%,
53
rgb(96, 172, 255) 60%,
54
rgb(138, 79, 255) 70%,
55
rgb(217, 110, 255) 80%,
56
rgb(255, 126, 237) 90%,
57
rgb(255, 145, 145) 100%
58
);
59
background-clip: text;
60
-webkit-text-fill-color: transparent;
61
}
62
th,
64
td {
65
text-align: center;
66
}
67
#ThemeList {
69
padding: 0;
70
margin: 0;
71
}
72
#ThemeList li {
74
width: fit-content;
75
display: inline-block;
76
list-style: none;
77
}
79
code {
81
background-color: var(--primary-code);
82
display: inline-block;
83
font-family: "RH Mono";
84
}
85
code.preformatted-text {
87
display: block;
88
white-space: pre-wrap;
89
padding: 5px;
90
font-size: small;
91
}
92
[aria-label=breadcrumbs] ol {
94
padding: 0;
95
}
96
[aria-label=breadcrumbs] li {
98
list-style: none;
99
display: inline-block;
100
}
101
[aria-label=breadcrumbs] li + li::before {
103
content: " / ";
104
}
105
/* Syntax Highlighting */
107
.lang-element {
109
font-style: italic;
110
color: #ffbcff;
111
}
112
.lang-attribute {
114
color: #ffb669;
115
}
116
.lang-string {
118
color: #b3f5ff;
119
}
120