/* global CSS - changes to this file are visible after an explicit site refresh */

/* fonts */
@font-face {
    font-family: 'Relative Book';
    src: url('../fonts/relative-book.woff') format('woff');
}

@font-face {
    font-family: 'Relative Mono';
    src: url('../fonts/relative-mono.woff2') format('woff2');
}

@font-face {
    font-family: 'Midnight';
    src: url('../fonts/midnight-sans-rd-48-bold.woff2') format('woff2');
}

/* reset defaults */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    font-family: 'Relative Book';
    font-size: 1.2rem;
    font-weight: normal;
    list-style: none;
    text-decoration: none;
    background-color: transparent;
}

@media screen and (max-width: 799px) {
    *,
    *::before,
    *::after {
        font-size: 1.1rem;
    }
}

body,
html {
    /* subtract nav bar from the available height */
    height: calc(100% - 135px);
    width: 100%;
    background-color: var(--secondary);
}

/* variables */
:root {
    --primary: #0b0b0c;
    --secondary: #e1e0e2;
    --transition-time: 100ms;
    --transition-style: ease-in-out;
}