@charset "utf-8";
/* CSS Document */

/* Gradients are tricky as overuse and garish colors can turn a webpages south really fast! If you are going to use gradients, keep the color/value transition subtle. Gradients are not good to use as page backgrounds as you get banding if you do not have a height property and value. Gradients are best used for small areas like buttons. */


#container {
			max-width:960px;
			margin:0 auto;
         padding:1.5em;
         background-color: lightblue;
         }

nav {
   display: block;
   margin: 20px auto;
   padding: 1.75em;
   color:black;
}


nav > p {
   display: block;
   margin: 20px auto;
   color:black
}

nav a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

nav a.active {
   background-color:rgb(39, 127, 157);
  color: white;
}

nav a:hover:not(.active) 
	{
	background-color: #0da5a5;
   color:white;
	}


   main {
		background-color:beige;
		border: 1px solid black;
		padding: 1.5%; 
		margin: 10px auto;
		}