/* =============================
   General Page Styles
   ============================= */
body {
  margin: 0;
  font-family: Arial, Sans-Serif;
}

/* =============================
   Header Styles
   ============================= */
header {
   background-color: #333;
   color: white;
   text-align: center;
   padding: 1rem;
   width: 100%;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
   float: left;
   width: 25%;
   background-color: #f4f4f4;
   padding: 1rem;
   margin: 1rem;
   position: fixed;
   height: 100%;
   overflow: auto;
}

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

nav ul li {
   margin-bottom: 1rem;
}

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: 1rem;
 margin: 1rem;
}

/* =============================
   Footer Styles
   ============================= */
footer {
 clear: both;
 background-color: #333;
 color: white;
 text-align: center;
 padding: 1rem;
 width: 100%;
}