/* 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; /* min-content This feels hackey but it works & stops overflow */

	--cblack: #000000;
	--cwhite: #ffffff;
	--cgray: #312f2b;

	/* Color palate for the site */
	--cebony: #2e2920;
	--ctaupe: #e9e6e2;
	--corange: #f9c070;
	--ctan: #8e4c30;
}

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: var(--cgray);
	color: var(--ctaupe);
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

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

ul {
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
} /* Looks good for the links */

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

.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 */

	overflow: auto;
	overflow-wrap: break-word;
}

#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: var(--cblack);
	color: var(--cwhite);

	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: var(--cblack);
	color: var(--cwhite);

	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 */
	overflow: auto;
}

#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 ul {
    padding: 0;
}

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

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