.container {
  display: flex; /* Enables Flexbox layout */
  min-height: 100vh; /* Ensures the container takes at least the full viewport height */
}

.sidebar {
  width: 200px; /* Set a fixed width for the sidebar */
  background-color: #f0f0f0;
  padding: 20px;
  /* Optional: Make the sidebar fixed so it stays when scrolling */
  /* position: fixed; */
  /* height: 100%; */
}

.main-content {
  flex-grow: 1; /* Allows main content to take up the remaining space */
  padding: 20px;
  /* If sidebar is fixed, add margin to main content to prevent overlap */
  /* margin-left: 200px; */
}

/* Basic styling for links */
.sidebar ul {
  list-style-type: none;
  padding: 0;
}
.sidebar li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}