.table-navbar {
  /*  General styles for the navigation bar container  */
  display: table; /*  Treats the nav as a table  */
  width: 100%; /*  Ensures the navbar spans the full width  */
  background-color: #333; /*  Example background color  */
  border-collapse: collapse; /*  For collapsed borders  */
  /* Additional styling as needed for the overall navbar */
}

.table-navbar ul {
  list-style: none; /* Removes default list bullets */
  margin: 0;
  padding: 0;
  display: table-row; /* Treats the unordered list as a table row */
}

.table-navbar li {
  display: table-cell; /* Treats each list item as a table cell */
  text-align: center; /* Centers the content within each cell */
  padding: 1px; /* Adds space around the content */
  border-right: 1px solid #555; /*  Example separator between items  */
}

.table-navbar li:last-child {
  border-right: none; /* Remove the border from the last item */
}

.table-navbar a {
  text-decoration: none; /* Removes underlines from links */
  color: white; /* Sets link text color */
  display: block; /* Makes the entire cell area clickable */
}

.table-navbar a:hover {
  background-color: #555; /* Example hover effect */
}