All challenges include a code sample with `index.html` and `index.css` files. Since the course is focused on learning CSS, please address the challenges in the `index.css` file. After completing a challenge, click the "Run Code" button to view the live page and ensure the challenge was solved correctly.

Additionally, each challenge provides "Hint" and "Solution" buttons. Clicking the "Hint" button will display hints for the current task, while the "Solution" button will reveal the code sample with the correct application of CSS.

Note

## Task
We have a website with two sections, each containing a heading (`h2` element) and a description (`p` element).

Select all paragraphs (`p` elements) on the website and apply the `color` property with the value `orange`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxzZWN0aW9uPgogICAgICA8aDI+QmlyZHM8L2gyPgogICAgICA8cD4KICAgICAgICBCaXJkcyBzb2FyIHRocm91Z2ggdGhlIHNreSwgdGhlaXIgd2luZ3MgYmVhdGluZyB3aXRoIGdyYWNlZnVsIGVsZWdhbmNlLgogICAgICAgIFRoZWlyIHNvbmdzIGZpbGwgdGhlIGFpciB3aXRoIGpveSBhbmQgd29uZGVyLgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CiAgICA8c2VjdGlvbj4KICAgICAgPGgyPkZpc2hlczwvaDI+CiAgICAgIDxwPgogICAgICAgIEZpc2ggZGFydCB0aHJvdWdoIHRoZSB3YXRlciwgdGhlaXIgc2NhbGVzIHNoaW1tZXJpbmcgaW4gdGhlIGxpZ2h0LiBUaGVpcgogICAgICAgIHNpbGVudCB3b3JsZCBob2xkcyBzZWNyZXRzIHVudG9sZC4KICAgICAgPC9wPgogICAgPC9zZWN0aW9uPgogIDwvYm9keT4KPC9odG1sPg==

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCi8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUuICovCl9fXyB7CiAgX19fOiBfX187Cn0=

Use the tag selector `p` to select all paragraphs.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZS4gKi8KCmgyIHsKICBjb2xvcjogZGFya2JsdWU7Cn0KCnAgewogIGNvbG9yOiBvcmFuZ2U7Cn0=

Master the essentials of CSS (Cascading Style Sheets), the styling language that transforms the look and feel of web pages. Explore core concepts such as text styles, colors, spacing, the box model, Flexbox, and decorative effects. Build the skills to create visually engaging and well-structured web pages. Perfect for beginners looking to establish a solid foundation in CSS.

Learn what CSS is, how to connect it with HTML, and how to style HTML elements using selectors. Explore foundational concepts like text colors, user action pseudo-classes, and variables in CSS.

Discover how to style and format text on your web pages. Learn to apply custom fonts and explore various font properties to enhance the appearance of text.

Learn the fundamentals of the box model, which defines the layout and spacing of elements on a web page. Explore concepts such as box sizing, adding space to elements, working with block-level and inline elements, and utilizing structural and functional pseudo-classes for advanced styling.

Discover Flexbox, a powerful CSS layout method for arranging elements in rows and columns. Learn how to control the direction, alignment, and spacing of elements horizontally and vertically, as well as customize individual flex items for precise layouts.

Learn how to enhance the visual appeal of your web pages with CSS. Explore techniques for applying background colors and images, styling images, using decorative pseudo-elements, and adding shadows to create stunning designs.

Challenge: Apply Your First CSS Styles

Task

Challenge: Apply Your First CSS Styles

Task