@charset "UTF-8";
:root {
    --proportional-fonts: "Alegreya", serif;
    --monospace-fonts: "Hopf Mono", monospace;
    --serif-fonts: "Alegreya", serif
}

@font-face {
    font-family: 'Alegreya';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/Alegreya-Regular.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Alegreya';
    font-weight: normal;
    font-style: italic;
    src: url('fonts/Alegreya-Italic.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Piazzolla';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/Piazzolla.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Piazzolla';
    font-weight: normal;
    font-style: italic;
    src: url('fonts/Piazzolla-Italic.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Alegreya';
    font-weight: bold;
    font-style: normal;
    src: url('fonts/Alegreya-Bold.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Hopf Mono';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/hopf-mono-Regular.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Hopf Mono';
    font-weight: normal;
    font-style: italic;
    src: url('fonts/hopf-mono-Italic.woff2') format('woff2');
    font-display:swap
}

@font-face {
    font-family: 'Hopf Mono';
    font-weight: bold;
    font-style: normal;
    src: url('fonts/hopf-mono-Bold.woff2') format('woff2');
    font-display: swap
}