Enhance Webpage Aesthetics: Font, Styling, and Animations

[PragyaTripathi990]

Issue Title:

Enhance Webpage Aesthetics: Font, Styling, and Animations

Description:

We need to improve the overall aesthetics of the webpage by doing the following:

Update Font Style:

• Integrate Google Fonts to use a more modern, readable font.
• Update the font in the body, headings, and buttons for better visual appeal.

Beautify the Page Using CSS:

• Add soft background colors, padding, and spacing to improve the layout.
• Ensure headings and paragraphs have clear spacing, legibility, and color contrast.
• Style buttons to have smooth hover effects and more interactive features.

Add Animations:

• Implement animations for buttons, section fades, and other key elements.
• Use CSS transitions or keyframes to animate elements on hover, click, or scroll.

[PragyaTripathi990]

@codingkatty i can fix this issue, please assign me the same.
Regards,
Pragya Tripathi.