:root {
    --background: black;
}

body {
    font-family: 'Berkeley Mono', monospace, monospace;
    color: var(--color);
}

#auto {
    white-space: pre;
    line-height: 1.15;
    text-align: center;
}

#rule {
    position: absolute;
    border: solid var(--color) 1px;
    padding: 0px 4px;
    background-color: var(--background);
}

#container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: var(--background);
}

#what {
    position: absolute;
    background-color: var(--background);
    color: var(--color);
    border: 1px var(--color) solid;
    bottom: 8px;
    right: 8px;
    padding: 2px 6px;
    text-decoration: none;
}

@font-face {
    font-family: 'Berkeley Mono';
    src: url('../BerkeleyMono-Regular.woff2') format('woff2');
}

@media (prefers-color-scheme: light) {
    :root {
        --background: white;
    }
}