/* Generated by Squirrel Font */
@font-face {
    font-family: 'zai_courier_polski_1941Rg';
    src: url('../fonts/courier_polski_1941/webkit/zai_courierpolski1941-webfont.woff2') format('woff2'),
         url('../fonts/courier_polski_1941/webkit/zai_courierpolski1941-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'schizoid_personalityregular';
    src: url('../fonts/schizoid_personality/webkit/schizoid_personality-webfont.woff2') format('woff2'),
         url('../fonts/schizoid_personality/webkit/schizoid_personality-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* */

:root {
    --bgcolor: #232627;
    --fgcolor: rgb(255, 255, 255);

    --tb_bgcolor: black;
    --tb_fgcolor: white;
    --tb_height: fit-content;
    --tb_padding: 1vw;

    --padding_sides: 3vw;
    --padding_updown: 2vw;

    --linkcolor: #f9c070;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bgcolor);
    color: var(--fgcolor);

    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

li {
    list-style: "";
}

a {
    color: var(--linkcolor);
}

.vertcontain {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-content: center;
}

.side-by-side {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.centered {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.blockedout {
    display: inline-block;
    width: 100%;
}

.indented {
    text-indent: 4ch each-line;
}

a.bracketed::before {
    content: "[";
}
a.bracketed::after {
    content: "]";
}

a.nodec {
    text-decoration: none;
}

a.nocolor {
    color:inherit;
}

#top-bar {
    display:flex;
    justify-content: center;
    align-items: center;

    background-color: var(--tb_bgcolor);
    color: var(--tb_fgcolor);

    padding: var(--tb_padding);
    height: var(--tb_height);

    position: -webkit-sticky;
	position: sticky;
	top: 0;

    font-family: 'zai_courier_polski_1941Rg';
}

#top-bar h1 {
    font-family: inherit;
    font-size: max(5vw, 5ch);
}

#top-bar a {
    color: inherit;
    text-decoration: none;
}

input {
    display: none;
}

label {
    cursor: pointer;
    font-weight: bold;
    font-family: 'zai_courier_polski_1941Rg';
    font-size: max(2.5vw, 3ch);
}

.dropdown {
    position: relative;
    display: inline-block;
    width: fit-content;
}

.drophold {
    background-color: inherit;
    color: inherit;
    
    border: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;

    width: 100%;
    overflow: auto;

    background-color: var(--tb_bgcolor);
    color: var(--tb_fgcolor);
}

.drophold:checked~.dropdown-content {
    display: block;
}

.dropdown-content a:hover {
    font-style: italic;
}

.dropdown-content a::before {
    content: "[";
}

.dropdown-content a::after {
    content: "]";
}

.dropdown-content li {
    text-align: center;
}

.spacer {
    width: 50%;
    height: 50%;
}

#ddnav {
    width: 35%;
    text-align: center;

    font-family: inherit;
}

#content {
    padding-left: var(--padding_sides);
    padding-right: var(--padding_sides);

    padding-top: var(--padding_updown);
    padding-bottom: var(--padding_updown);

    margin-bottom: 5vw; /* I should find a better way than just setting a static number */
}

#bottom-bar {
    padding: 0.75ch;
    height: fit-content;
    width: 100%;

    position: fixed;
    bottom: 0;

    color: var(--tb_fgcolor);
    background-color: var(--tb_bgcolor);

    font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
	text-align: center;
}

#bottom-bar a {
    color: inherit;
    text-decoration: none;
}

#bottom-bar a::before {
    content: "["
}

#bottom-bar a:after {
    content: "]"
}

#copyrightnotice {
	display: inline-block;
	font-size: 50%;
	color: rgba(255, 255, 255, 0.15);
}