/* Styling for the header and menu */
.header-container {
    display: flex;
    align-items: center; /* Vertically align header content */
    justify-content: space-between; /* Space between title and menu */
  }
  
  header h1 {
    margin: 0;
    font-size: 2rem;
  }

  header h1 a{
    text-decoration: none;
    color: inherit;
  }

  header h1 a:hover {
    text-decoration: underline;
  }
  
  nav ul {
    list-style-type: none; /* Removes bullet points */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
    display: flex; /* Displays the menu items inline */
  }
  
  nav ul li {
    margin-right: 20px; /* Adds space between the menu items */
  }
  
  nav ul li:last-child {
    margin-right: 0; /* Removes space after the last menu item */
  }
  
  nav ul li a {
    text-decoration: none;
    color: inherit; /* Ensures the links inherit the text color */
  }
  
  nav ul li a:hover {
    text-decoration: underline; /* Adds a hover effect */
  }
  
  nav ul li.active a {
    font-weight: bold; /* Optionally style active links */
  }