@charset "utf-8";

body {
	margin:0px auto;
	width:900px;
}

header, nav, section, footer {
	margin:1px;
	text-align:left;
}

header {
	font-family: "Times New Roman", Arial;
	font-style: italic;
	text-align: center;
	padding:0px;
	background-color:black;
 	color:#fff;
}
 
 canvas {
	 width:600px;
	 height:600px;
 }
 
 nav {
	 padding:10px;
	 float:left;
	 width:200px;
 }
 nav ul {
	 list-style-type:none;
 }
 
 nav li {
 	 text-align:center;
 	 background-color:black;
 	 border-radius: 9px;
	 border:1px solid #DDD;
	 width:150px;
	 padding: 10px 0;
 }
 
 nav a {
	 text-decoration: none;
	 color:white;
 }
 
 nav li a:hover {
	 color:red;
 }
 
 section {
	 padding: 0px 20px 0px 20px;
	 float:right;
	 width:600px;
 }
 
 footer {
	 text-align:center;
	 clear:both;
	 background-color:black;
	 color:#fff;
	 
 }