/* 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 {
	--bheight: 3vw;
}

* {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: '- ';
}

#vertcontain {
    display: flex;
    flex-flow: column nowrap;

    justify-content: space-around;
    align-content: center;
}

#content {
	padding: 1vw;
	margin: 1vw;
	margin-bottom: 5vw; /* Not knowing about this was fucking annoying */
	
}

#top-bar {
	padding: 1vw;

	/* Floats h1 and ul/li side by side */
	display: flex;
    flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;

	height: 5vw;

	background-color: black;
	color: white;

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

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

#top-bar h1 {
	text-align: left;
	font-size: 5vw;
}

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

#top-bar li {
	list-style: none;
	display: inline;
	float: none;
}
#top-bar li a::before {
	content: "[";
}
#top-bar li a::after {
	content: "]";
}

#bottom-bar {
	padding: 0.5vw;
	height: var(--bheight);
	width: 100%;

	position: fixed;
	bottom: 0;

	background-color: black;
	color: white;

	list-style-type: none;

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

	overflow: auto; /* Idk why this is "overflowing" but this should be a good enough fix fow now */
}

#bottom-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

/* Surround links with square brackets in the footer */
#bottom-bar a::before {
	content: "[";
}
#bottom-bar a::after {
	content: "]";
}

#bottom-bar li {
	display: inline;
	float: none;
}

#content {
	overflow: auto;
}

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