body {
    background-color: #8cb0ff; /* Slight blue color */
}

.main-content {
    width: calc(100% - 180px); /* Adjust sidebar width */
    padding-left: 270px; /* Adjust as needed */
    padding-top: 30px; /* Adjust as needed */
    font-family: helvetica;
}

a:link {
    color: blue; /* Set the default color for unvisited links */
    text-decoration: none; /* Remove underline */
}

a:hover {
    color: blue; /* Set the color for links when hovered over */
}

a:visited {
    color: blue; /* Set the color for visited links */
}

.sidebar {
  ul{
    list-style-type: none;
  }
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 220px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #394c73; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}

.sidebar a {
 font-weight: bold; 
  font-family: helvetica;
  color: #d2def7;
  text-decoration: none;
}