/* =============================
   General Page Styles
   ============================= */
body {
  background-color: white;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

/* =============================
   Header Styles
   ============================= */
header {
   text-align: center;
   background-color: pink;
   padding: 10px;;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
   float: left;
   width: 15%;
   /* position: fixed; */
   position: fixed;
   padding: 5%;
   background-color: grey;
   margin: 5px;
   text-align: left;
}

nav ul {
padding: 0;
}

nav ul li {
    color: black;
}

nav ul li a {
  color: black;
}

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

/* =============================
   Main Content Styles
   ============================= */
main {
 float: right;
 width: 70%;
 background-color: pink;
 padding: 5px;
 margin: 5px;
}

/* =============================
   Footer Styles
   ============================= */
footer {
 text-align: center;
 background-color: pink;
 position: fixed;
 padding: 10px;
 left: 0;
 bottom: 0;
 width: 100%;
}

#site-footer{
   background-color: pink;
}