ul {
	   list-style-type:none;
	   margin-left:200px;
	   width:800px;
	   height:35px;
	   font-size:20px;
	   font-weight:bold;
	   overflow: hidden;
	   background: url("crumpl.jpeg");
	   border-radius: 8px;
	   text-align:center;
	   padding:20px;
	   float:center;
	   }
	   a{
	   display: inline;
	   width:90px;
	   height:60px;
	   text-decoration:none;
	   }
	    li {
	   display: inline;
	   float:center;
	   padding:20px
	 
	   }
	   a:link {
	     color: #0000FF;
	   }
	   a:visited {
	      color: #800080;
	   }
	   a:hover {
	     color: black;
	   }
	   a:active {
	     color: #FFFF00;
		 }
	   html{
	     padding:0;
         display:block;
		 }
	    body{
	   margin:100;
       margin-left:100;
       margin-right:100;
       margin-top:50;
       margin-bottom:100;
       margin-bottom:100;
	   
	   }
	   #body{
	   min-height:100%;
	   width:100%;
	   }
	   #pic{
	    float:left;
		margin-left:500px;
		}
		
		#quote{
		 text-align:center;
		 font-family:monotype cursiva,comic sans;
		 color:gray;
		}
		#contact{
		 Border:0.25em solid white;
		 color:black;
		 width:70em;
		 height:200px;
		 text-align:center;
		 float:center;
		 padding:5px;
		 margin-top:0px; 
		 background:url("contact.jpg");
		 background-color:#808080;
		 background-repeat:no-repeat;
		 background-size:cover;
		 font-family:"Comic Sans MS", cursive, sans-serif;
		 font-weight:bold;
		}
		.boxcontact dt{
		 font-weight:bold;
		 color:blue;
		 text-align:center;
		 font-family:"Comic Sans MS", cursive, sans-serif;
		}
		.boxcontact dd{
		 color:gray;"Comic Sans MS", cursive, sans-serif;
		 padding:3px;
		 text-align: center;
		}
	
		figure{
		 display: block;
		 float:left;
		 margin:1em 0.5em 0 0;
		 padding:0;
		}  
		#friend{
		  display:block;
		  float:right;
		  margin:0 0 0.5em 1em;
		  padding:0;
		  color:gray;
		}
		.family{
		text-align:left;
		padding:1px;
		font-family:"Comic Sans MS", cursive, sans-serif;
		color:gray;
		}
		#about{
		 margin-left:12em;
		 margin-top:14px;
		 padding:1px;
		 font-family:"Comic Sans MS", cursive, sans-serif;
		 color:gray;
		}
		.friends{
		 text-align:right;
		 font-family:"Comic Sans MS", cursive, sans-serif;
		 color:gray;
		}
		.hobbies{
		text-align:left;
		font-family:"Comic Sans MS", cursive, sans-serif;
		color:gray;
		}
		#hob{
		 display:block;
		 float:left;
		 padding:0;
		}