style.css

        
            
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: "Kode";
        
            
21
                src: url("kode.ttf") format("truetype"),
        
            
22
                     url("kode.woff2") format("woff2");
        
            
23
            }
        
            
24
            
        
            
25
            @font-face {
        
            
26
                font-family: "Yeast";
        
            
27
                src: url("yeast.otf") format("opentype");
        
            
28
            }
        
            
29
            
        
            
30
            /* Styles */
        
            
31
            
        
            
32
            body {
        
            
33
                background-color: var(--primary);
        
            
34
                color: var(--primary-text);
        
            
35
                font-family: "Gully";
        
            
36
            }
        
            
37
            
        
            
38
            :is(h1, h2, h3, h4, h5, h6) {
        
            
39
                font-family: "Yeast";
        
            
40
            }
        
            
41
            
        
            
42
            :any-link {
        
            
43
                color: var(--secondary);
        
            
44
            }
        
            
45
            
        
            
46
            th,
        
            
47
            td {
        
            
48
                text-align: center;
        
            
49
            }
        
            
50
            
        
            
51
            #ThemeList {
        
            
52
                padding: 0;
        
            
53
                margin: 0;
        
            
54
            }
        
            
55
            
        
            
56
            #ThemeList li {
        
            
57
                width: fit-content;
        
            
58
                display: inline-block;
        
            
59
                list-style: none;
        
            
60
            
        
            
61
            }
        
            
62
            
        
            
63
            code {
        
            
64
                background-color: var(--primary-code);
        
            
65
                display: inline-block;
        
            
66
                font-family: "Kode";
        
            
67
            }
        
            
68
            
        
            
69
            code:has(pre) {
        
            
70
                display: block;
        
            
71
                padding: 5px;
        
            
72
            }
        
            
73