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

/* =============================
   Header Styles
   ============================= */
header {
  background-color: #54d7e6;
  color: white;
  text-align: center;
  padding: 20px;
  width: 100%;
}

/* =============================
   Navigation Styles
   ============================= */
nav {
  width: 25%;
  float: left;
  background-color: #f4f4f4;
  padding: 20px;
  position: fixed;
  height: 100%;
}

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

nav a {
  display: block;
  color: black;
  text-decoration: none;
  margin-bottom: 10px;
}

nav a:hover {
  color: rgb(14, 15, 15);
}

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

/* =============================
   Footer Styles
   ============================= */
footer {
  clear: both;
  background-color: #53d3ea;
  color: white;
  text-align: center;
  padding: 20px;
  position: relative;
  bottom: 0;
  width: 100%;
}