body {
	background-color: #1E191E;
	color: #EEEFF1;
	font-family: 'Noto Sans', 'Arial', 'Open Sans', sans-serif;
}

address ul li::marker {
	content: none;
}

br {
	line-height: 2rem;
}

.pageCtn {
	margin: auto;
	width: 52rem;
	height: 100%;
}

.pageGrid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0.4fr 0.4fr 3fr 0.2fr;
	grid-template-areas:
		"title"
		"nav"
		"box"
		"footer";
}

.contentTitle {
	grid-area: title;
	margin-bottom: 1rem;
	align-self: center;
	justify-self: center;
	text-align: center;
}

.navBar {
	grid-area: nav;
	display: flex;
	padding: 0 .5rem;
	text-align: center;
	background: linear-gradient(#665C66 0%, #3F353F 50%, #1D191D 100%);
	box-shadow: inset -.1rem -.1rem .2rem .1rem #120F12, inset .1rem .1rem .2rem .1rem #A099A0;
	border: .1rem solid #000;
	border-radius: 1.8rem;
}

.contentBox {
	display: grid;
	grid-template-columns: 0.4fr 1.6fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-area: box;
	grid-template-areas:
		"sideBox bodyBox";
}

.sideBar {
	grid-area: sideBox;
	display: grid;
	align-content: start;
	justify-content: stretch;
	text-align: center;
	line-height: 1.5em
}

.contentBody {
	grid-area: bodyBox;
	text-align: left;
	margin: auto;
	padding: 0 1rem;
}

.contentFooter {
	grid-area: footer;
	align-self: center;
	justify-self: center;
	font-size: .67em;
	font-style: italic;
	word-spacing: .16rem;
	letter-spacing: .12rem;
	line-height: 1.5rem;
}