body {
	font-family: system-ui, sans-serif;
	font-size: 100%;
	line-height: 130%;
	color: #E8E8E8;
	background-color: #404A42;
	margin: 0;
}
nav a {
	text-decoration: none;
}

a:link {color: #fec;}
a:visited {color: orange;}
a:hover {color: #fff;} 
a:active {color: #fdb;}
header {
	background-color: rgba(300,300,300,0.4);
/*border: 5px solid rgba(200,200,200,0.4); /* not often done */
	height: 40vh;
	background-image: url("images/forest-bg.jpg");
	background-size: cover;
}	

h1 {
	
	padding-top: 3em;
	margin: 0; /*nothing to collapse*/

}

h1,h2 {
	padding-left: 12rem;
}
figure.fox-frame {
	background-color: #0008;
	text-align: center;
	padding: 1em;
}