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