/* Navigation Menu */

nav {
  display: flex;
  justify-content: flex-end;
}

nav ul {
  display: flex;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li a {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
}

nav ul li a:hover {
  color: #fa79cd;
}

/* Menu Bar Section */
#menu-bar {
  background: #2a2a2a; /* Same as previous hero section */
  padding: 10px 0; /* Reduced padding for compact height */
}

#menu-bar .container {
  display: flex;
  justify-content: flex-end; /* Align menu to the right */
}

#menu-bar nav ul {
  display: flex;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-bar nav ul li a {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  padding: 5px 0; /* Add slight padding for better click area */
}

#menu-bar nav ul li a:hover {
  color: #fa79cd; /* Same hover effect as before */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {

  nav ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

}