Update main.css

[akashdip2001]

Update Description:

Enhancements to Navigation Bar:

• Hover Effect Added: Introduced a smooth hover effect for the navigation bar buttons to enhance user experience. Now, when hovering over a navigation link, the background color subtly changes to a light shade, and the text color switches to a distinct blue. This makes the navigation more interactive and visually appealing.
  • CSS changes: Updated the .nav-link styles to include background-color and color transitions on hover.

Code Changes:

• File modified: client/templates/partials/nav.html and client/main.css

• CSS Added:

  .nav-link {
  font-size: 1em;
  color: #000; /* Default text color */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
  }
  
  .nav-link:hover {
  background-color: #f8f9fa; /* Light background on hover */
  color: #007bff; /* Change text color on hover */
  }

These enhancements are aimed at improving the usability and aesthetic of the navigation bar.