/* Colors */

:root {
    --primary: #101010;
    --secondary: #f9a911;
    --teriary: #efee00;

    --primary-text: #fff;
    --primary-code: #1f1f1f;
}

/* Fonts */

@font-face {
    font-family: "Gully";
    src: url("gully.ttf") format("truetype");
}

@font-face {
    font-family: "Kode";
    src: url("kode.ttf") format("truetype"),
         url("kode.woff2") format("woff2");
}

@font-face {
    font-family: "Yeast";
    src: url("yeast.otf") format("opentype");
}

/* Styles */

body {
    background-color: var(--primary);
    color: var(--primary-text);
    font-family: "Gully";
}

:is(h1, h2, h3, h4, h5, h6) {
    font-family: "Yeast";
}

:any-link {
    color: var(--secondary);
}

th,
td {
    text-align: center;
}

#ThemeList {
    padding: 0;
    margin: 0;
}

#ThemeList li {
    width: fit-content;
    display: inline-block;
    list-style: none;

}

code {
    background-color: var(--primary-code);
    display: inline-block;
    font-family: "Kode";
}

code:has(pre) {
    display: block;
    padding: 5px;
}