/* Remove default list styling */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex; /* Key property to align items horizontally */
  background-color: midnightblue;
}

/* Optional: Add spacing or alignment */
nav li {
  /* Use gap on the ul or margin here for spacing */
  
}

nav a {
  display: block;
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  background-color: midnightblue;
}

nav a:hover {
  background-color: #111;
}