body {
    font-family: "U42SansQuasiNerd", sans-serif;
    background-image: var(--bg-overlay), url("bg.png");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

@font-face {
    font-family: "U42SansQuasiNerd";
    src: url("/fonts/U42SansQuasiNerdFont-Extended.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@import "../themes/duckquill/sass/_variables.scss";

@include theme-variables using ($theme) {
    @if $theme == "dark" {
        --bg-overlay: linear-gradient(rgb(0 0 0 / 0.6), rgb(0 0 0 / 0.6));
    } @else {
        --bg-overlay: linear-gradient(
            rgb(255 255 255 / 0.8),
            rgb(255 255 255 / 0.8)
        );
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
    margin: 2rem 0 1rem;
    font-weight: bold;
    line-height: normal;
    font-family: "U42SansQuasiNerd", sans-serif;
    letter-spacing: 0em;
}