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

/* =============================
   Header Styles
   ============================= */
/* Style the header and footer */
.header, .footer {
    background-color: lightblue;
    text-align: center;
    padding: 20px;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
  float: left;
    width: 25%;
     background-color: lightgray;
    padding: 15px;
    position: fixed;
    top: 150px;
    left: 0;
}

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

}

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

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

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

/* =============================
   Main Content Styles
   ============================= */
main {
    float; right;
    width: 70%;
   padding: 20px;
   margin-left: 30%;
}

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