footer {
  background-color: #E2E2E2;
  flex-shrink: 0; /* Prevents footer from shrinking */
  padding: 1rem;
  text-align: center;
}


.footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 40px;
}

.footer-nav a {
  color: black; /* White/very light text for links */
  text-decoration: none; /* Remove underline */
  transition: color 0.3s ease; /* Smooth hover transition */
}

.footer-nav a:hover {
  color: #007bff;
}