CSS Enhancements for Finance Tracker

[yash0260]

🧩 Proposed CSS Improvements

1. Navbar

• Add hover underline animation for navigation items.
• Make navbar sticky with a background blur and subtle drop shadow.
• Animate the “Log In” and “Sign Up” buttons on hover (color transition or scale-up).

2. Hero Section

• Implement a smooth gradient animation in the background.
• Animate hero text (fade-in + slide-up on load).
• Add a glowing hover effect for the “Sign Up Now” button.
• Use transform: translateY() and opacity transitions for image and text elements.

3. Typography & Layout

• Improve readability using clamp() for responsive font scaling.
• Add consistent spacing (padding and margin) for better visual balance.

4. Responsiveness

• Optimize layout for smaller screens by stacking hero image and text vertically.
• Adjust padding and button sizes for mobile view.

5. Smooth Scroll Animation

• Add scroll-behavior: smooth; for navigation links.
• Optionally, add fade-in animations for sections as the user scrolls down.

6. Dark/Light Mode Toggle (Optional)

• Introduce a toggle button to switch between light and dark themes using CSS variables.

---

[neeraj542]

Assigned @yash0260. can start work and share regular updates. Plz don't raise PR without clarfication. Thanks