@font-face {
    /* Default novela style (taken from css provided by novela download) */
    font-family: 'Sorts Mill Goudy';
    src: url('/fonts/GoudyStM-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

:root {
    --color-bg: black;
    --color-fg: white;
    --color-primary: magenta;
    --font-base: "Sorts Mill Goudy", serif;
    --font-head: "Sorts Mill Goudy", serif;
}



a {
    position: relative;
    text-decoration: none;

    &::after {
        content: '';
        position: absolute;
        bottom: -0.4rem;
        left: -0.25rem;
        right: -0.25rem;
        height: 0.5rem;

        /* z-index: -1; */

        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg');
        background-repeat: no-repeat;

        background-size: cover;
    }
}

@keyframes fadeInUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

h1 {
    animation: 1.5s fadeInUp;
    backdrop-filter: blur(4em);
}