در این مسئله، شما یک فایل *HTML* دارید که شامل یک عنوان `<h1>` و یک پاراگراف `<p>` است. شما باید یک فایل *CSS* بنویسید که خروجی زیر را تولید کند.
![نمایش وضعیت نهایی](https://quera.org/qbox/view/DMbLsKqIAt/view.png)
# پروژه اولیه
پروژه اولیه را از [این لینک](/problemset/assignments/4367/download_problem_initial_project/265387/) دانلود کنید. ساختار فایلهای این پروژه بهصورت زیر است:
```
initial-project.zip
├── index.html
└── <mark class="violet">styles.css</mark>
```
ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید. سپس فایل `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* داده شده استفاده کند.