@charset "UTF-8";

article, aside, footer, header, main, nav, section {
display: block;
}

html, body, h1, h2, h3, ul, li, a, p, 
article, aside, footer, header, main, nav, section {
padding: 0;
margin: 0;
}

.banner {
background-image: url("C:/Users/catty/OneDrive/Website_Design/M3-LP3/M3-LP3Practice/lightGreen.PNG");
height: 70px;
width: 100%;
background-color: #F1F3E0;
font-family: "Lucida Handwriting", "Lucida Calligraphy", cursive;
color: #3E3F29
}

body {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: #F1F3E0;
font-family: "Lastnocis", sans-serif;
font-size: 15px;
}

nav {
background-color: #A1BC98;
padding: 5px;
margin-top: 1px;
}

li a {
color: #F1F3E0;
}

li a:hover {
	color: #3E3F29
}

li {
display: inline;
margin-left: 15px;
margin-right: 15px;
font-size: 20px;
font-variant: small-caps;
font-weight: bold;
}

section {
background-color: #D2DCB6;
margin-top: 10px;
padding: 5px;
color: #3E3F29
}

article {
background-color: F1F3E0;
margin-top: 5px;
padding: 10px 15px;
}

main {
width: 640px;
float: left;
margin-bottom: 10px;
color: #7D8D86
}

aside {
background-color: #D2DCB6;
width: 270px;
float: right;
padding: 20px;
margin-top: 10px;
}

footer {
clear: both;
background-color: #A1BC98;
color: #F1F3E0;
padding: 5px 20px;
}