.logo {
  margin-bottom: 2%;
  font-weight: bold; 
  font-size: 0.8em;
  text-align: center;
  }

  
.navbar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0% auto;
}

.navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 35px;
}

.navbar ul li a {
    text-decoration: none;
    color: black;
    font-size: 1em;
    transition: color 0.3s ease;
}

.navbar ul li a:hover {
    color: hsl(42, 70%, 45%);
}

.navbar ul li a.active {
  color: hsl(42, 70%, 45%);
  /* font-weight: bold; */
  border-bottom: 2px solid hsl(42, 70%, 45%);
}


/* Mobile Menu Toggle */
/* .menu-toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.menu-toggle span {
  background-color: white;
  height: 3px;
  width: 25px;
  margin: 3px 0;
} */


/* Responsive Styles */
/* @media (max-width: 768px) {
  .navbar ul {
      display: none;
      flex-direction: column;
      gap: 10px;
      position: absolute;
      top: 60px;
      right: 20px;
      background-color: #282c34;
      padding: 10px;
      border-radius: 5px;
  }

  .navbar ul.active {
      display: flex;
  }

  .menu-toggle {
      display: flex;
  }
} */