/* =============================
   General Page Styles
   ============================= */
body {
  font-family: Verdana, sans-serif;
  margin:0;
  padding:0;
}

/* =============================
   Header Styles
   ============================= */
header {
   background-color: #6cc;
   color:white;
   text-align: center;
   padding: 20px;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
   position: fixed;
   top: 100px;
   left: 0;
   width: 25%;
   height:auto;
   background-color: #e0e0e0;
   float: left;
   padding: 20px;
   box-sizing:border-box;
}

nav ul {
   list-style-type: none;
   padding: 0;
}

nav ul li {
    margin-bottom: 10px;
}

nav ul li a {
  text-decoration: none;
  color: #000
}

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

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

/* =============================
   Footer Styles
   ============================= */
footer {
 clear:both;
 background-color: lightblue;
 text-align: center;
 padding: 10px;
}