در این مسئله، شما یک فایل HTML دارید که شامل یک عنوان <h1> و یک پاراگراف <p> است. شما باید یک فایل CSS بنویسید که خروجی زیر را تولید کند.

پروژه اولیه

پروژه اولیه را از این لینک دانلود کنید. ساختار فایل‌های این پروژه به‌صورت زیر است:

initial-project.zip
├── index.html
└── styles.css

ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید. سپس فایل index.html را در مرورگر خود باز کنید.

جزئیات

• پس‌زمینه صفحه باید رنگ midnightblue باشد.
• محتوای صفحه باید از نظر عمودی و افقی در مرکز قرار گیرد.
• فونت‌ها باید از راست به چپ نمایش داده شوند.
• ارتفاع صفحه باید 600px باشد.
• اندازه فونت عنوان باید 57px باشد.
• رنگ عنوان باید goldenrod باشد.
• فاصله زیر عنوان باید 10px باشد.
• عنوان باید سایه‌ای با رنگ مشکی و شفافیت 70% داشته باشد. (فاصله x و y برای سایه و همچنین مقدار محوشدگی آن باید برابر با 2، 2 و 10 پیکسل باشد)
• اندازه فونت پاراگراف باید 1.2rem باشد.
• رنگ متن پاراگراف باید whitesmoke باشد.

نکات

• شما فقط مجاز به اعمال تغییرات در فایل styles.css هستید.

نحوه‌ی ارسال پاسخ

فایل styles.css نهایی را ذخیره کنید و به‌صورت تکی آپلود کنید. یا اگر قصد دارید به‌صورت فایل فشرده ارسال کنید، ساختار فایل باید به‌صورت زیر باشد:

[your-zip-file-name].zip
└── styles.css

پیاده‌سازی شما باید از فایل HTML داده شده استفاده کند.