Improve UI for Shapes Using Pure CSS Page

[Shamli-Singh-Yadav]

Current Problems:
The background and shape colors don’t look appealing together, making the page visually unbalanced.
Inconsistent alignment of shape titles (some text is centered well, others are not).
Shapes and titles are not spaced properly, which makes the UI look cluttered.
Some shape names (like "Down arrow") are not aligned inside the table properly.
No hover effects for shapes – the UI feels static.
Font styling is basic and doesn’t match a modern look.

Please assign this issue to me under Hacktoberfest.

[aayush105]

Hello @Shamli-Singh-Yadav

I have assigned it to you, you can work on it.