/* The side navigation menu */
.sidenav {
  height: 50%; /* Full height of the screen */
  width: 250px; /* Fixed width for the sidebar */
  position: fixed; /* Always stay in the same place */
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #4a5040; /* Dark background */
  overflow-x: hidden; /* No horizontal scroll */
  padding-top: 20px; /* Space at the top */
}

/* Links inside the sidebar */
.sidenav a {
  padding: 8px 8px 8px 32px; /* Spacing for the links */
  text-decoration: none; /* No underline */
  font-size: 25px; /* Larger text */
  color: #ad6047; /* Light gray color */
  display: block; /* Block display for full width */
  transition: 0.3s; /* Smooth hover transition */
}

.sidenav a:hover {
  color: #e8d6b8; /* Lighter color on hover */
}

/* Main content */
.main {
  margin-left: 250px; /* Push the main content to the right to make room for the sidebar */
  padding: 16px; /* Add padding for content */
}