Guidelines visibility in dark mode (Fix Issue #207)

[18Venus]

Issue Title: Visibility Issue in Dark Mode

resolve issue: #207

Type of change ☑️

What sort of change have you made:
I have fixed the CSS of the guidelines box so that the text is clearly visible in both light and dark mode.

• Bug fix (non-breaking change which fixes an issue)
• Code style update (formatting, local variables)

Checklist: ☑️

• My code follows the guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added things that prove my fix is effective or that my feature works.
• Any dependent changes have been merged and published in downstream modules.

How Has This Been Tested? ⚙️

Describe how have you verified the changes made.

I have run the code and here are the screenshots of the changes:

Light Mode(No change):

Dark Mode(changed):

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
draw-it-out	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 31, 2024 3:18pm
draw-it-out-zbd1	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 31, 2024 3:18pm

[github-actions]

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.

[0xabdulkhalid]

LGTM 👀

Now this PR is ready to be merged! @singodiyashubham87 🚀

[singodiyashubham87]

@18Venus Well Done, Keep contributing :)