@font-face {
    font-family: 'OPS Placard';
    src: url(fonts/OPSPlacard-Regular.woff2);
}

@font-face {
    font-family: 'Recursive';
    src: url(fonts/Recursive_VF_1.085--subset-GF_latin_basic.woff2);
}

@font-face {
    font-family: 'Compagnon';
    src: url(fonts/Compagnon-Roman.woff2);
    font-weight: 400;
}

@font-face {
    font-family: 'B612Mono';
    src: url(fonts/B612Mono-Regular.woff2);
    font-weight: 400;
}

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

html {
    font-size: 14px;
}

body {
    font-family: 'B612Mono', monospace;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    padding: 1rem;
    letter-spacing: -0.05em;
}

* {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

h2 {
    margin-bottom: 1.25em;
}