.eb-garamond-logo {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

:root {
    --color-bg: black;
    --color-fg: white;
    --color-primary: #f3bc34;
    --font-base: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
}

button  {
    /* TODO: add arrow */
    background-color: var(--color-primary);
}

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(8em);
}

p {
    backdrop-filter: blur(4em);
}