@font-face {
	font-family: "FiraCode";
	src: url(fonts/FiraCode/FiraCodeNerdFontPropo-Medium.ttf)
}

@font-face {
	font-family: "AurulentSansMono";
	src: url(fonts/AurulentSansMono/AurulentSansMNerdFontPropo-Regular.otf)
}

@font-face {
	font-family: "FantasqueSansMono";
	src: url(fonts/FantasqueSansMono/FantasqueSansMNerdFontPropo-Regular.ttf)
}

@font-face {
	font-family: "HeavyData";
	src: url(fonts/HeavyData/HeavyDataNerdFontPropo-Regular.ttf)
}

@font-face {
	font-family: "Hasklig";
	src: url(fonts/Hasklig/HasklugNerdFontPropo-Regular.otf)
}

body {
	font-family: "Hasklig";
	background-color: #a9c9a9;
}

div.main-box{
	display: grid;
	grid-template-columns: auto 1000px auto;
	align-items: center;
	justify-content: center;
}

div.main-banner {
	flex-grow: 3;
}

div.stretcher {
	flex-grow: 2;
}

div.main-menu {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	width: 100%;
	color: #ffffff;
	background-color: #000000;
}

div.main-menu-entry {
	padding-left: 5px;
}

div.main-menu a {
	color: #ffffff;
}

div.main-content {
	align-items: center;
	justify-content: center;
	align-content: center;
	margin: auto;
	text-align: center;
}

div.section-banner {
	height: 130px;
	margin: -50px 0px 0px 0px;
	overflow: hidden;
}

div.section-title {
	align-items: center;
	justify-content: center;
	font-size: 2em;
	font-weight: bold;
	align-content: center;
	margin: auto;
	text-align: center;
}

div.posts-index {
	display: flex;
	flex-direction: column;
}

div.post-index-row {
	display: flex;
	flex-direction: row;
}

.post-index-title {
	align-items: left;
	justify-content: left;
	flex-grow: 1;
}

.post-index-date {
	align-items: right;
	justify-content: right;
}

div.page-banner {
	height: 130px;
	margin: -50px 0px 0px 0px;
	overflow: hidden;
}

.page-title {
	align-items: center;
	justify-content: center;
	font-size: 2em;
	font-weight: bold;
	align-content: center;
	margin: auto;
	text-align: center;
}

.page-back {
	font-size: 2em;
	font-weight: bold;
}