Enhance Navbar and Improve Navbar Container Color for Better User Experience

# Feature Request: Enhanced Navbar

This is a feature request for enhancing the navbar of the website. It aims to improve the user experience by implementing automatic closing of the navbar when scrolling on mobile or tablet devices. Additionally, it suggests changing the background color of the navbar container to improve the visibility of nav items.

## Table of Contents
- [Concise Description](#concise-description)
- [Solution Proposed](#solution-proposed)
- [Alternative Solutions](#alternative-solutions)
- [Additional Context](#additional-context)
- [Screenshots](#screenshots)
- [Code of Conduct](#code-of-conduct)

## Concise Description
This feature request suggests enhancing the navbar of the website. It includes automatically closing the navbar when scrolling on mobile or tablet devices and improving the visibility of navbar items by changing the background color.

## Solution Proposed
The solution involves implementing a functionality where the navbar automatically closes when a user scrolls on mobile or tablet devices. Additionally, changing the background color of the navbar container to improve the visibility of nav items and menus.

## Alternative Solutions
- Instead of automatically closing the navbar, provide a close button or swipe gesture option for users to manually close it.
- Use a different approach to improve the visibility of nav items, such as adjusting font size, font color, or adding a drop shadow effect.

## Additional Context
- As a participant in GSSOC23 and with prior experience in feature enhancements across various projects, I recognize the significance of improving user interfaces and experiences.
- The current navbar behavior on mobile or tablet devices, where it does not close automatically when scrolling, along with the background color affecting nav item readability, hinders user-friendliness.
- By implementing the proposed solutions, we can greatly enhance the user interface and overall user experience of the website, aligning it with industry best practices and delivering a visually appealing and seamless navigation experience to our valued visitors.

## Screenshots
Mobile and Tablet:

Desktop:

### Code of Conduct

By submitting this issue, you agree to follow our Code of Conduct.

- [x] I follow the Contributing Guidelines of this project.
- [x] I have checked the current issues for duplicate problems.
- [x] I have read the readme of this repository.

Regards,
Premsai Varma