html {
    height: 100%;
}

body {
    --bs-body-bg: rgba(0, 0, 0, 0.3);
    --bs-border-color: rgba(255, 255, 255, 0.3);
    --bs-heading-color: var(--bs-emphasis-color);
    --bs-font-monospace: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-family: 'Fira Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    min-height: 100%;
    position: relative;
    padding-bottom: 10rem;

    background-color: black;
    background-image: url('/assets/img/grid.svg');
    background-blend-mode: normal;
    background-repeat: repeat;
    background-position: top left;
}

main {
    margin-top: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans Condensed', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

footer.aj-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
}