html,
body {
	background-color: #fff5ee;
	font-family: 'Berkeley Mono', monospace;
	height: 100%;
}


main {
	padding: 1rem;
	background-color: #e8f4f8;
	color: #2c2c2c;
	height: 100%;
}

.container {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	top: 2rem;
	width: 50rem;
	margin: 0 auto;
}


.navc {
	padding-bottom: 0.5rem;
	/* background-color: #555555; */
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}

.nameh {
	padding-left: 1rem;
	font-size: 2rem;
}

nav {
	padding-right: 1rem;
}

pre {
	background-color: #2c2c2c;
	border-radius: 2px;
	border: 3px solid #cdd8db;
}