Enhance Social Media Icons: Improve Styling and Hover Effects

[ahmedrazabaloch]

Revamp the styling of social media icons for a more polished user interface.

• Implemented a flexbox layout for .social-media to center icons and manage spacing effectively.
• Defined consistent dimensions and styling for icons with specified width, height, and border properties.
• Added rounded corners and a subtle box shadow to enhance visual appeal.
• Improved hover effects by adding a scaling transformation and border transparency for better user feedback.
• Ensured consistent font size and alignment for icon elements.

These enhancements aim to create a more engaging and visually appealing experience for users interacting with social media links.

Before

After