body {
			background-color:#f09942;
			-webkit-animation: mymove 8s infinite; /* Chrome, Safari, Opera */
    		 animation: mymove 8s infinite;
		}
		#logo {
			height:80px;
			border:8px solid black;
			background-image:url('logo.jpg');
		}
		


		#menu {
			float:left;
			width:200px;
			height:450px;
			border:8px solid black;
			background-color:#FFE4B5;
			
		}
		


		#content {
			height:450px;
			border:8px solid black;	
			background-color:#FFE4B5;
			overflow:auto; 
		}
		


		#footer {
			height:80px;
			border:8px solid black;
			background-image:url('footer.jpg');
		}
		
		#container {
			      width:1000px;
			      margin:auto;
		    }
		
		


		#author {
			font-size:14px;
			text-align:right;
			padding:5px;
		}	
		


		p {
			font-family:serif;
			font-size:16px;	
			text-indent:25px;	
			margin-left:2em;			
		}
		


		h1 {
			font-family:arial,helvetica,san-serif;
			text-align:center;
			text-transform:uppercase;

		}
		


		h2 {
			font-family:arial,helvetica,san-serif;
			margin-left:2.4em;
		}
		


		ul {
			font-family:arial,helvetica,san-serif;
			font-size:16px;
			list-style-type:none;
			margin-right:1em;
		}
		
		#footerh {
		
			text-align:center;
			font-size: 12px;
			padding: 0px;
			
		}
		
		
		#canvas-container {
   			width: 100%;
  			text-align:center;
		}

		canvas {
 			display: inline;
 			background-color: lightgrey;
		}


		#myDIV {
   			 width: 300px;
    		 height: 200px;
   			 background: red;
    	   	 
		}	
		@-webkit-keyframes mymove {
  			  25% {background-color: red;}
    		  25% {background-color: orange;}
    	      50% {background-color: gold;}
 

/* Standard syntax */
@keyframes mymove {
    50% {background-color: white;}
}