@font-face {
    font-family: 'IBM_Plex_Mono';
    src: url('https://www.abohlma.com/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf');
}
:root{
    --theme-font: 'IBM_Plex_Mono';
    --color-back: #090300;
    --color-back-light: #3A3432;
    --color-text: #F7F7F7;
    --color-text-faint: #807D7C;
    --color-title: #01A252;
    --color-link: #01A0E4;
    --color-link-clicked: #A16A94;
    --color-link-hover: #B5E4F4;
    --color-highlight: #FDED02;
    --color-accent: #E8BBD0;
    --color-heading: #CDAB53;
}

body {
    font-family: var(--theme-font);
    font-size: 14px;
    background: var(--color-back);
    color: var(--color-text);
    margin: 0;
}
main {
    margin: 1em;
}

a {
    color: var(--color-link);
    text-decoration: none;
}
a:hover {
    color: var(--color-link-hover);
}

.faint {
    color: var(--color-text-faint);
}

.title {
    color: var(--color-title);
    background-color: var(--color-back-light);
    padding: 1em;
}
.navbar {
    color: var(--color-text-faint);
    background-color: var(--color-back-light);
}

.main {
    padding-top: 1em;
    margin: 1em;
}

.indent {
    margin-left: 2.5em;
}
.hl {
    color: var(--color-highlight);
}

.foot {
    color: var(--color-text-faint);
    padding-top: 0.5em;
    margin: 1em;
}

.accent {
    color: var(--color-accent);
}

.heading {
    color: var(--color-heading);
}