[Feat] Adding hover effect for text present in navbar

[saiprasanna56]

Description

To increase the text size and change its color on hover, you can use a simple CSS solution. The :hover pseudo-class can modify the font size and color when the user hovers over the navbar text. Additionally, applying the transition property allows for a smooth animation effect, preventing abrupt changes. This method enhances the user experience by making the interaction noticeable and visually appealing, while maintaining simplicity and performance. Using pure CSS keeps the implementation lightweight without adding unnecessary complexity with JavaScript.

Screenshots

No response

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I'm a GSSoC'24-Extd contributor
• [X] I'm a Hacktoberfest'24 contributor
• [X] I am willing to work on this issue (optional)

[github-actions[bot]]

👋 Thank you @saiprasanna56 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!