@font-face {
    font-family: "Ioskeley Mono";
    src: url("/IoskeleyMono-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
        color-scheme: dark light;
    
    --bg: #000000;
    --text: #90908d;
    --link: #ffffff;
}

/* Light mode */
@media (prefers-color-scheme: light) {
    :root {
        --bg: #f8f8f6;
        --text: #5f5f5b;
        --link: #000000;
    }
}



body {
    margin: 0;
    padding: clamp(20px, 5vw, 40px);
    background: var(--bg);
    color: var(--text);
    font: 13px/1.7 "Ioskeley Mono", monospace;
}

pre {
    font: inherit; 
    color: inherit; 
    margin: 0;
    overflow-x: auto;
    }

/* ---------- Links ---------- */

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

a:hover {
    color: var(--text);
}
    
    a:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 2px;
}