/** css file **/

/*  Xiang Li 06/13/2020
*/

/*
style to apply a uniform black text color,
a unifor serif font and light - blue
background color of the body
*/
body{color: #000000;                      
   background-color: #B8D1EB;              
   font-family: "Times New Roman", serif;  
}
/*
insert the style to constrain the outerwrapper to 70% of the
widht of the screen and to center the content within the outwrapper
*/

#outerwrapper{width: 70%;                  
   margin: 0 auto 0 auto;                  
}

/*
Style the text in the footer section to have a font size of 0.75 cm and appear centered by adding
the following styles to the external stylesheet

*/
footer{font-size: 0.75em;                  
   text-align: center;                      
}

/*
style the content within the div id ="main" section to have a light - brown
background and 10px of padding on the top by adding the following style sheet
*/
#main{background-color: #C5A98B;          
   padding: 10px;                          
}
/*
Float the image in the header to the left with the following
style to the <h1>,<h2> and <nav> content moves to the right of the
image
*/
/*change the img selector to .floatleft */
.floatleft{float: left;                      
   margin-right: 3% /*push the content away from the image by adding a
   right margin to the img selector */
}
.floatright{float: right;                  
   margin-left: 3%
}
/*
Remove the bullets from the list items in the nav section by adding
the following style
*/
ul{list-style-type: none;
}
/*
clear the float so that the content for the div id="main" section starts on the own line by adding
a section style rule with a #main selector
*/
#main, footer{clear: both;
}

//output