@font-face {
    font-family: 'Sk-Modernist';
    src: url('/assets/fonts/Sk-Modernist-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: light;
    font-family: 'Sk-Modernist', sans-serif;
    font-synthesis: none;
    color: #000;
    background: #fff;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 32px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: lowercase;
}

main { width: min(100%, 280px); }
h1 { margin: 0 0 24px; font-size: inherit; font-weight: 400; }
p { margin: 0; }
nav { display: grid; justify-items: start; gap: 12px; margin-top: 80px; }
a { color: inherit; text-decoration: none; padding-block: 4px; }
a:hover { text-decoration: underline; text-underline-offset: 4px; }
a:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }