@font-face {
    font-family: 'DOS';
    src: url('MorePerfectDOSVGA.ttf') format('truetype')
}

:root {
    --primary: #c0c0c0;
    --background: black;
    --links: #ffff00;
    --toplinks: white;
}

body {
    color: var(--primary);
    background-color: var(--background);
    font-family: DOS;
    margin: auto;
}

.topmenu > * {
    display: inline;
    display: inline-block;
    position: relative;
}

a {
    color: var(--links);
}

.topmenu a {
    color: var(--toplinks);
    text-decoration: none;
}

.topmenu a:hover {
    color: var(--links);
    text-decoration: none;
}

.bottombar {
    margin: auto;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background-color: #0000ae;
    color: #ffff00;
}
/*
.followneko {
    color: #b8e685;
    cursor: pointer;
}
*/
.topmenu .followneko:hover {
    color: #cede7b;
}

.fieldleft {
    display: grid;
    height: 89vh;
    width: 16%;
    float: left;
    border-style: double;
    border-width: 6px;
    border-color: var(--primary);
    margin-left: 4px;
    margin-right: 4px;
}
/* TODO: Theres probably a better way than to just duplicate 2 classes */
.fieldright {
    display: grid;
    height: 89vh;
    border-style: double;
    border-width: 6px;
    border-color: var(--primary);
    margin-right: 4px;
}