Enhanced Navigation Bar with additional features

[yogirajbshinde21]

Fixes issue #337

Description:

This pull request enhances the navbar design to improve its aesthetics and user experience.

• The changes include several visual and interactive updates:
  Transparent Background: Updated the navbar and navbar list to have a transparent background with a subtle shadow for depth (rgba(0, 0, 0, 0.5)).

• Link Element Enhancements: Enhanced link elements () with:

1. White text color (#ffffff).
2. Text shadow (1px 1px 5px rgba(0, 0, 0, 0.5)).
3. Rounded corners (border-radius: 20px).
4. Smooth transitions for color, background, and transform properties (0.3s ease).
5. Hover Effects: Implemented dynamic hover effects on link elements:
6. Text color changes to light blue (#00bfff).
7. Background animation (rgba(255, 255, 255, 0.1)).
8. Scale transformation (transform: scale(1.05)).
9. Added a pseudo-element (::before) for a sliding background effect on hover.
10. Added a pseudo-element (::after) for a circle shrinking effect on hover.
11. Media Queries: Adjusted font sizes and spacings for responsiveness across different screen sizes (@media queries).

---

Updated Navigation Bar :

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
time-warp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 26, 2024 9:59am

[github-actions]

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.

[Akshatchaube01]

Can you please pull the recent changes and then commit

[yogirajbshinde21]

Can you please pull the recent changes and then commit

Hello, I have already pulled the recent changes made, please approve changes and merge the pull request.

[Akshatchaube01]

Your PR isn't reflecting the recent changes.

[yogirajbshinde21]

Your PR isn't reflecting the recent changes.

Please check, I have pulled another request here #339