body { background-color: darkblue; 
font-family: Arial, Helvetica, sans-serif; 
margin: 0; } 



body a:link { color : yellow; } 
body a:visited { color : yellow; } 
body a:hover { color : white; } 
body a:active { color: blue; } 
body ul {list-style-type: none; }


body a { text-decoration: none; 
text-align: center; 
display: inline-block; 
border: 5px inset red; 
width: 30em; 
padding: 3px 15px; 
color: white; 
background-color: black; 
font-size: 2em; 
font-weight: bold; } 

#wrapper { width: 70%; 
background-color: yellow; 
color: yellow;
margin-left: auto;
margin-right: auto; } 
nav a { text-decoration: none; 
text-align: center; 
display: inline-block; 
border: 5px inset red; 
width: 8em; 
padding: 3px 15px; 
color: white; 
background-color: black; 
font-size: 2em; 
font-weight: bold; } 
nav a:link { color : yellow; } 
nav a:visited { color : yellow; } 
nav a:hover { color : white; } 
nav a:active { color: blue; } 
nav li { display: inline; } 
nav ul {list-style-type: none; } 
header { background-color: red; 
text-align: center;
} 
h1 { font-family: "Trebuchet MS", sans-serif; 
color: white; 
margin-top: 20px; 
margin-left: 30px;
} 
h2 { color: yellow; 
margin-top: -20px; 
margin-left: 30px; } 
h3 { background-color: black; 
color: yellow; 
margin-left: 30px;
} 
footer { background-color: skyblue; 
text-align: right; 
font-size: 0.8em; 
font-style: italic; }