:root {
	--bg: #0a360a;
	--fg: #cbbe97;
	--ef-red: #E67E80;
	--ef-orange: #E69875;
	--ef-yellow: #DBBC7F;
	--ef-green: #A7C080;
	--ef-blue: #7FBBB3;
}

body {
	margin: auto;
	width: 48em;
	background-color: var(--bg);
	color: var(--fg);
	font-size: 16pt; 
	font-family: "Lucida Console", "Courier New", monospace;
}

#logo {
	display: inline-block;
}

nav {
	display: inline;
	/*line-height: 64px;*/
	vertical-align: top;
	line-height: 64px;
}

a {
	color: var(--fg);
	text-decoration: none;
}

a:hover {
	color: var(--fg);
}

#header {
	padding: 1em;
}

#content {
	width: 32em;
	margin: auto;
}

#backgroundAscii {
	display: none;
	white-space: preserve;
	color: #0b5f0f;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grass, .grass2 {
	position: relative;
	top: 50vh;
	left: 50vw;
}

.pond {
	color: #07758c;
	position: absolute;
	top: 30em;
	left: 20em;
	width: 100%;
}

.gate {
	color: #8c0710;
	position: absolute;
	top: 10em;
	left: 10em;
}

.wood {
	color: #573511;
	display: inline;
}

.tree {
	position: absolute;
	top: 5em;
	left: 5em;
}