body {
	font-family: system-ui, sans-serif;
	font-size: 100%;
	line-height: 130%;
	color: #fdb;
	background-color: rgb(20,60,75);
	margin: 0;
}

nav a {
	text-decoration: none;
}

a:link {color: #fec;}
a:visited {color: pink;}
a:hover {color: #fff;} 
a:active {color: #fdb;}


header {
	background-color: rgba(200,200,200,0.4);
/*border: 5px solid rgba(200,200,200,0.4); /* not often done */
	height: 40vh;
	background-image: url("images/header-bg.jpg");
	background-size: cover;
}

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

}

h1,h2 {
	padding-left: 12rem;
}

ul {
	padding-left: 0;
	list-style: none;
}

main, nav, footer {
margin-left: 1em;
margin-right: 1em;
}

section {
	margin: 0;	
}

figure.sunset-frame {
	background-color: #0008;
	text-align: center;
	padding: 1em;
}

img.sunset{
	width: 100%;
	max-width: 400px;
}