ASCII text
1
/* Colors */
2
:root {
4
--secondary: #f9a911;
5
--teriary: #efee00;
6
}
7
/* Styles */
9
:root {
11
font-family: "Roboto", sans-serif;
12
}
13
html {
15
background-image: linear-gradient(to left, #f7f, #f77, #fc7, #ff7, #7f7, #7cf, #77f, #c7f, #f7f);
16
background-size: 50%;
17
}
18
:is(h1, h2, h3, h4, h5, h6) {
20
font-family: "Roboto", sans-serif;
21
font-weight: lighter;
22
}
23
:any-link {
25
--color1: #19004B;
26
--color2: #00194B;
27
--color3: #000064;
28
--colora: #080854;
29
background: linear-gradient(
30
90deg,
31
var(--color1),
32
var(--color2),
33
var(--color3)
34
);
35
color: var(--colora);
36
background-clip: text;
37
-webkit-text-fill-color: transparent;
38
transition: 500ms color, 500ms background;
39
}
40
:any-link:is(:hover,:visited) {
42
--color1: #35005B;
43
--color2: #00355B;
44
--color3: #000084;
45
--colora: #0E0E6e;
46
}
47
:any-link:active {
49
--color1: #4B0019;
50
--color2: #4B1900;
51
--color3: #640000;
52
--colora: #540808;
53
}
54
th,
56
td {
57
text-align: center;
58
}
59
#ThemeList {
61
padding: 0;
62
margin: 0;
63
}
64
#ThemeList li {
66
width: fit-content;
67
display: inline-block;
68
list-style: none;
69
}
71
summary { font-weight: bold; }
73