@font-face {
    font-family: "Papernotes";
    font-display: swap;
    src: url('/fonts/Papernotes.woff2') format("woff2");
}

* {
    font-family: "Papernotes" !important;
}

/* hover colors using `data-hover-color` and `data-hover-background` attributes */ 
a:hover {
    cursor: pointer;

    color: attr(data-hover-color type(<color>), var(--foreground));
    background: attr(data-hover-background type(<color>), var(--background));
}

a:hover .has-hover-color {
    fill: currentColor !important;
    color: attr(data-hover-color type(<color>), var(--foreground));

}

a:hover .has-hover-stroke {
    stroke: currentColor;
    color: attr(data-hover-stroke type(<color>), var(--foreground));

}


/* custom styling stuff */

nav[data-topnav] {
    font-size: var(--text-7);
}

@media screen and (max-width: 600px) {
    .hide-md {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .hide-s {
        display: none;
    }
}

@media screen and (min-width: 600px) {
    .show-md {
        display: none;
    }
}

.badge:hover {
    color: var(--background);
    background-color: var(--foreground);
}

.footer {
    margin: var(--space-6) 0;
}

.text-light {
    color: var(--muted-foreground);
}