/* =============================
   General Page Styles
   ============================= */
body {
  
}

/* =============================
   Header Styles
   ============================= */
header {
   text-align: center;
   clear: both;
   width: 100%;
   padding-top: 20px;
   padding-bottom: 20px;
   background-color: lightyellow;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
   float: left;
   width: 25%;
   padding: 10px;
   margin: 10px;
   position: fixed;
   background-color: lightgrey;;

}

nav ul {

}

nav ul li {
    
}

nav ul li a {
  
}

/* Hover effect for links */
nav ul li a:hover {
 color: red;
}

/* =============================
   Main Content Styles
   ============================= */
main {
   float: right;
   width: 70%;
   padding: 10px;
   margin: 10px;
 
}

/* =============================
   Footer Styles
   ============================= */
footer {
   clear: both;
   text-align: center;
   width: 100%;
   padding-top: 10px;
   padding-bottom:10px;
   background-color: lightyellow;
 
}