html {
 background: url('bkgrnd.png') center / cover no-repeat fixed; 
 height: 100%;
}

header {
  background-image: url('header.gif');
  background-size: cover;
  background-repeat: no-repeat;
  color: #b213e1;
  height: 13em;
}


nav ul {
	color: #b213e1;
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	text-decoration: none;
	font-size: 20px;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #b213e1;
}

body {
	margin: 0 10em;
	padding-bottom: 20em;
	background-color: black;
	font-family: Verdana, sans-seriff;
  	color: white;
}

#container {
	width: 80%; /* sets the width of the content */
	height: auto;
	margin: 0 10em;
	background-color: black;
	font-family: Verdana, sans-seriff;
  	color: white;;
}


/*----- div styles -----*/
aside {
  margin: 10px;
}

main {
  margin: 10px;
}

body main, aside {
  display: block;
}

article img {
  width: 20%;
}