:root {
	--bg: #FFFFFFE0;
}

body {
	font-family: sans-serif;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding:0;
	margin:0;
	background: url("/assets/background/Background.png"), url("/assets/background/Background2.png"), black;
	background-size: 256px, 128px;
	min-height:100vh;
	image-rendering: pixelated;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0
}
.nav-wrapper {
	position: sticky;
	top: -128;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.nav-wrapper a {
	text-decoration:none;
	margin:8px;
	font-family: monospace;
	min-width: 56px;
	height: 16px;
	background: url("/assets/header/Link1.png");
	background-size: auto 100%;
	display:inline-block;
	font-weight: bolder;
	padding:4px;
	text-align:center;
	font-size: 16px;
    user-select: none;
}
.nav-wrapper a.even 
{
	background: url("/assets/header/Link2.png");
}

.page-body {
	max-width:1000px;
	background-color: var(--bg);
	box-shadow: 0 0 0.5em 0.5em var(--bg);
	padding: 1em;
}
.page-wrapper {
	flex-grow:10;
	margin:0;
	padding:0;
	display:flex;
	width:100%;
	justify-content:center;
	image-rendering: auto;
}


.nav {
	padding:0;
	margin:0;
	image-rendering: pixelated;
}
.nav.left {
	height: 192px;
	width:64px;
	background: url("/assets/header/HeaderBL.png") no-repeat bottom, 
				url("/assets/header/HeaderL.png") no-repeat top;
	background-size: 64px ;
}
.nav.right {
	height: 192px;
	width:64px;
	background: url("/assets/header/HeaderBR.png") no-repeat bottom, 
				url("/assets/header/HeaderR.png") no-repeat top;
	background-size: 64px ;
}
.nav.body {
	width:1024px;
	background: url("/assets/header/HeaderB.png") repeat-x bottom;
	background-size: 128px;
	justify-content:center;
}
.nav.logo {
	background-color: #4B692F;
	width:100%;
	height:128px;
	display:flex;
	justify-content:center;
	align-items:center;
}