/*magenta, lime, fuschia, green, maroon*/


.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
 
}

.flex-container > div {
   height: 300px;
  flex-basis: 300px;
  margin: 10px;
  text-align: center;
   font-size: 30px;
}







#nav {
text-align:center;
}
#nav li {
display:inline;
}
#nav a {
text-decoration:underline; 
padding:0 30px; /* variable width */
}
	
	


body {
		background-color: Yellow;
	   	}

		
	
h1{
		text-align: center;
		color: black;
		margin-bottom: 0px;
		 
}


h2{
		text-align: center;
		color: black;
		
		  margin-top: 0px;
}


h3{
	
	text-align: center;
	color: black;
	margin-bottom: 0px;
		  margin-top: 0px; 
}

h4{

	text-align: center;
	color: black;
	margin-bottom: 0px;
		  margin-top: 0px;
}


footer{
	text-align: center;
		color: black;
		font-size: 30px;
		font-weight: bold 
		
}
}