footer .nav {
  display: flex;
  justify-content: center;   /* keep everything centered */
  gap: 1rem;                 /* space between items */
}

footer .nav-item {
  display: inline;           /* make list items inline */
}

footer .nav-item:not(:last-child)::after {
  content: " ";              /* add separator */
  margin-left: 1rem;
}

footer {
  background-color: #fff;  /* light gray background */
  padding: 2rem 0;
}

footer .nav-link {
  color: #333;
  text-decoration: none;                /* change link color */
}

footer .nav-link:hover {
  color: #e25822;             /* Bootstrap blue on hover */
}

footer p {
  text-align: center !important;  /* override other rules */
  margin: 0 auto;                 /* centers if it's a block element */
}