body
{
    background-color: rgb(0 0 0);
    background-image: radial-gradient(circle at center, #616161 1px, transparent 1px);
    background-size: 32px 32px;
    background-position: -15px -15px;
    padding: 0px;
    margin: 0px;
}
@font-face
{
    font-family: 'BerkeleyMono';
    src: url('fonts/berkeley-mono/WEB/BerkeleyMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root
{
    --font-size-units: 3;
}
* {
    box-sizing: border-box;
    font-family: BerkeleyMono;
    font-size: calc(4px * var(--font-size-units));
}
/* Tablet and up */
@media
 (min-width: 768px) {
    :root {
        --font-size-units: 4;
    }
}
/* Desktop and up */
@media
 (min-width: 1024px) {
    :root {
        --font-size-units: 4.5;
    }
}
/* Large desktop */
@media
 (min-width: 1440px) {
    :root {
        --font-size-units: 5;
    }
}
.grid { display: grid; align-content: center; }
.grid-auto-col { grid-auto-flow: column; }
.gg9 { grid-gap: 9px; }
.hidden { display: none !important; }