body {
    margin: 0;
    font-family: Outfit, sans-serif;
    background-color: black;
    color: white;
}

main {
    margin: 0;
    padding: 0.5em 3vw;
    background-color: #131313;
}

table, pre {
    font-family: monospace;
}

a:link:not(.btn):not(.page-link) {
    color: #89b4fa;
    text-decoration-style: dotted;
}
a:visited:not(.btn):not(.page-link) {
    color: #cba6f7;
}
a:hover {
    text-decoration-style: solid !important;
}
a:active {
    text-decoration-style: wavy !important;
}

header {
    width: calc(100% - 2em);
    height: 12rem;
    padding: 1em;
    background-image: url(/resources/dir/header.png);
    background-position-x: center;
    background-position-y: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;

    #header-cite {
        font-style: italic;
    }

    #twonumnet-header, #header-cite {
        align-content: end;
        padding: 0.3em;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
    }
}

h1 {
    margin: 0.5em 0 1em;
}

footer {
    margin: 1em 0 0;
    padding: 1em 3rem;
    background-color: black;
}