UI ENHANCEMENT IN "HOW TO PLAY" SECTION #581

[isimarjitsingh]

GSSOC EXTD

Fixes: #581

Description

Basically i enhance the designing of this section
AS I ADDED:-

• new designing approach
• add photo
• add new fonts, colors
• add hover effects
• add transitions
• provide new colors

UI ENHANCEMENT IN "HOW TO PLAY" SECTION #581

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

--BEFORE:-

---AFTER:-

Checklist:

• I have made this change from my own.
• My code follows the style guidelines of this project.
• I have commented my code, particularly in hard-to-understand areas.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for thunderous-starlight-9c463d ready!

Name	Link
🔨 Latest commit	342fdf1
🔍 Latest deploy log	https://app.netlify.com/sites/thunderous-starlight-9c463d/deploys/672129b9ab52c60008b0169a
😎 Deploy Preview	https://deploy-preview-589--thunderous-starlight-9c463d.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for alienid ready!

Name	Link
🔨 Latest commit	342fdf1
🔍 Latest deploy log	https://app.netlify.com/sites/alienid/deploys/672129b983ca9200084a58d7
😎 Deploy Preview	https://deploy-preview-589--alienid.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #589 has been merged! 🎉🎉