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

/* =============================
   Header Styles DONE
   ============================= */
header { width: 100%; 
         text-align: center; 
         background-color: rgb(22, 140, 194);}

/* =============================
   Navigation Styles DONE
   ============================= */
nav { float: left;
      width: 25%;
      padding-left: 20px; 
      background-color: rgb(122, 122, 126);}


nav ul { color: rgb(17, 16, 16);
         text-decoration: none;

}

nav ul li { 
    
}

nav ul li a {
  
}

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

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

/* =============================
   Footer Styles DONE
   ============================= */
footer { width: 100%; 
         text-align: center;
         background-color:rgb(69, 138, 184);
         clear: both;
         padding: 10px; 
 
}