## Task
Let's apply various font properties to specific elements:

For `h1`:
- Font family: `Arial`.
- Font size: `36px`.
- Font weight: `600`.
- Font style: `italic`.

For `p`:
- Font family: `Georgia`.
- Font size: `18px`.
- Font weight: `400`.
- Font style: `normal`.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJpbmRleC5jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPldlbGNvbWUgdG8gTXkgV2Vic2l0ZTwvaDE+CiAgICA8cD4KICAgICAgVGhpcyBpcyBhbiBleGFtcGxlIG9mIHRleHQgaW4gYSBwYXJhZ3JhcGguIFRoZSBmb250IGZhbWlseSBpcyBzZXQgdG8KICAgICAgR2VvcmdpYSwgdGhlIGZvbnQgc2l6ZSBpcyAxOHB4LCB0aGUgZm9udCB3ZWlnaHQgaXMgbm9ybWFsLCBhbmQgdGhlIGZvbnQKICAgICAgc3R5bGUgaXMgYWxzbyBub3JtYWwuCiAgICA8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

aDEgewogIC8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUgKi8KICBmb250LWZhbWlseTogX19fOwogIGZvbnQtc2l6ZTogX19fOwogIGZvbnQtd2VpZ2h0OiBfX187CiAgZm9udC1zdHlsZTogX19fOwogIC8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KfQoKcCB7CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIGZvbnQtZmFtaWx5OiBfX187CiAgZm9udC1zaXplOiBfX187CiAgZm9udC13ZWlnaHQ6IF9fXzsKICBmb250LXN0eWxlOiBfX187CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9

- `font-family`: Specifies the font family.
- `font-size`: Defines the font size.
- `font-weight`: Sets the font weight.
- `font-style`: Specifies the font style.

aDEgewogIC8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUgKi8KICBmb250LWZhbWlseTogQXJpYWw7CiAgZm9udC1zaXplOiAzNnB4OwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgZm9udC1zdHlsZTogaXRhbGljOwogIC8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KfQoKcCB7CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIGZvbnQtZmFtaWx5OiBHZW9yZ2lhOwogIGZvbnQtc2l6ZTogMThweDsKICBmb250LXdlaWdodDogNDAwOwogIGZvbnQtc3R5bGU6IG5vcm1hbDsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYWJvdmUgdGhpcyBsaW5lICovCn0=

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: Explore Font Properties

Task

Challenge: Explore Font Properties

Task