:root {
    --bg-dark: #1f1f28; /* Rose Pine Base */
    --bg-light: #f0e3d7; /* Rose Pine Dawn */
    --fg-dark: #e0def4; /* Rose Pine Text */
    --fg-light: #191724; /* Rose Pine Subtle */
    --red: #eb6f92; /* Rose Pine Red */
    --green: #31748f; /* Rose Pine Green */
    --yellow: #e0af68; /* Rose Pine Yellow */
    --blue: #9ccfd8; /* Rose Pine Blue */
    --purple: #c4a7e7; /* Rose Pine Purple */
    --aqua: #9ccfd8; /* Rose Pine Aqua */
}

@media (prefers-color-scheme: light) {
    :root {
        --bg: var(--bg-light);
        --fg: var(--fg-light);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: var(--bg-dark);
        --fg: var(--fg-dark);
    }
}
body {
    background-color: var(--bg);
    color: var(--fg);
}
#textcenter {
    text-align: center;
    margin-top: 6rem;
    font-size: calc(0.1rem + 1vw);
}
#s0n {
    margin-top: 100px;
    font-family: 'Consolas', Courier, monospace;
    font-size: 1rem;
}
@media (min-width: 1000px) {
    #textcenter {
        font-size: 0.75rem;
    }
}