:root {
    --background: #212426;
    --foreground: #dfd1ab;
    --accent: #8be1be;
}

html body nav ul {
    background: #212426 !important;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fonts/JetBrainsMono-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fonts/JetBrainsMono-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fonts/JetBrainsMono-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'JetBrainsMono-Medium';
    src: url('/fonts/JetBrainsMono-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JetBrainsMono-Medium';
    src: url('/fonts/JetBrainsMono-MediumItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}


body {
    font-family: 'JetBrainsMono', serif;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

h1 {
    font-family: 'JetBrainsMono', serif;
    font-weight: bold;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: 'JetBrainsMono-Medium', serif;
    font-weight: bold;
}


nav ul {
    list-style: none;
    padding: 3px 5px;
    background: #111;

    a {
        color: #fff;
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }

    li {
        display: inline;
    }
}