/* THE CSS BELOW THIS LINE
// IS NOT RELAVENT TO THIS EXERCISE
// look at it if you want just know that
// it's just for making the page look nice
//
*/ 
		
		*{
			padding: 0;
			border: 0;
			margin:0;
		}
		
		h1, nav ul{
			background:#ccc;
			color: white;
			text-shadow: 0px 0px 3px #333;
			font: normal 2em/1em arial, helvetica, sans-serif;
			padding: 2em;
			margin-bottom: 2em;
		}

		nav{
			position: absolute;
			bottom: 3em;
			width: 100%;
		}
		nav ul{
			font-size: 1em;
			padding: 1em;
			//width: 100%;
		}
		
		nav ul li{
			display: inline-block;
		}
		
		nav ul li a{
			color: white;
		}
		
		nav ul li a:hover{
			color: blue;
		}
		
		nav ul li.next{
			float: right;
			
		}
		
		section{
			border: 2px solid red;
			width: 300px;
			
		
		}
		
		p{
			background: green;
			padding: 2em 1em;
			
		}