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

nav a{
	text-decoration: none;
}
a:link {color: #ffeecc;}
a:visited {color:#ffddbb;}
a:hover {color: #fff;}
a:active {color:#ffddbb;}

header{
	background-color: rgba(200,200,200,0.4);
    border-top: 1px solid red(200,200,250,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.clouds-frame {
	background-color: #0008;
	text-align: center;
	padding: 1em;
}

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