/* =============================
   General Page Styles
   ============================= */
body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-color: #0d3b66;
   color: #333;
   align-content: center;
}

/* =============================
   Header Styles
   ============================= */
header {
   padding: 1rem 0;
   color: #000000;
   text-align: center;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
   float: left;
   width: 25%;
   box-sizing: border-box;
   padding: 1rem;
   position:fixed;
   background-color: #faf0ca;
}

nav ul {
   color:black;
}

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

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

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

/* =============================
   Main Content Styles
   ============================= */
main {
   margin-left: 25%;
   padding: 1rem;
   box-sizing: border-box;
   background-color: #f4d35e;
}

#small {
   font-size: 70%;
}

/* =============================
   Footer Styles
   ============================= */
footer {
   color: #000000;
   text-decoration:underline;
   text-align: center;
   padding: 1rem 0;
}