:root {
	--cbgl: #ffffff;
	--cbgd: #202026;
	--ctl: #000000;
	--ctd: #fafafa;
}

@font-face {
	font-family: Janson_BI;
	src: url("/static/styles/janson_bi.otf");
}

@font-face {
	font-family: Janson_I;
	src: url("/static/styles/janson_i.otf");
}


body {
	margin: 0;
	padding: 0;
	font-family: "Liberation Sans";
	position: absolute;
	background-color: var(--ctl);
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}


#justify {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

#container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

#footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 30% 0 30%;
}

.footertext {
	padding: 6%;
	font-family: "Janson_I";
}

a {
	text-decoration: none;
	text-transform: none;
}


#header-logo {
	height: calc(17vw + 17vh / 3 * 2);
	margin: auto auto 0 auto;
	display: flex;
}


.logotext {
	font-family: "Janson_BI";
	font-size: calc(4vw + 4vw / 3);
	margin: 3rem auto auto auto;
}

@media (prefers-color-scheme: light) {
	body {
		background-color: var(--cbgl);
		color: var(--ctl);
	}
	#header-logo {
		content: url("/static/images/Spohla_Logo_dark.png");
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: var(--ctl);
		color: var(--ctd);
	}
	#header-logo {
		content: url("/static/images/Spohla_Logo_lite.png");
	}
}

@media (orientation: portrait), (any-pointer: coarse), (max-width: 1000px){
	.navbar-item {
		display: none;
	}
}