Create lotus-stage.json

[tarunbalaji3]

New Stylesheet Submission:

• [] Have you followed the guidelines in our Contributing document?
• [] Have you checked to ensure there aren't other files using the same name as yours?
• [] Have you filled in at least the required data for title, author, and stylesheet?
• [] Is the value of stylesheet a full URL that is publicly accessible and renders an unminified, compiled CSS file?
• [] Do your styles pass proper contrast for accessibility?
• [] Have you included @media (prefers-reduced-motion: reduce) to remove animations on *,*::before,*::after?
• [] Did you style the .skip-link?
• [] Have you checked on a real mobile device to ensure your responsive design doesn't cause overlaps or overflow scrolling?

[github-actions]

👋 Thanks for participating! I will review as soon as possible, usually within a few hours.

Watch for notifications as I may request some small changes to make sure this meets the guidelines.

In a few minutes, the Netlify process at the end of this PR will make a preview available. Look for the message "Deploy preview ready!" then click the "Details" link next to it to launch a preview of your styles. Make changes if needed, and comment if you do so I can re-deploy the preview. Note that the "sponsor footer" is not available to fully style, but you may fix any issues it causes to your layout.

Thanks again, I hope you learned something while making your stylesheet! 💫

[5t3ph]

@tarunbalaji3 nice work!

Unfortunately, the black text on the dark red doesn't pass contrast:

Since you are using a gradient you'll need to manually check the contrast at different points to ensure it is 4.5 or better between the background and the text color. One idea is to put a solid background color behind the text and keep the gradient for the page background.

Let me know when you've resolved the contrast in your stylesheet and I'll update the preview!

[5t3ph]

@tarunbalaji3 closing for now but if you find time to address the contrast, please re-submit, thanks!