## Task
We have a company website with contact information in the header section. Your task is to implement a color change when a user hovers over the links in the header section.

Steps:
1. Select all `a` elements with the `header-link` class.
2. Use the appropriate pseudo-class for the hover effect.
3. Apply the `color` property with the value `blue` when the links are hovered.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoZWFkZXI+CiAgICAgIDxhIGNsYXNzPSJoZWFkZXItbGluayIgaHJlZj0ibWFpbHRvOnN1cHBvcnRAZGV2LmlvIj5zdXBwb3J0QGRldi5pbzwvYT4KICAgICAgPGEgY2xhc3M9ImhlYWRlci1saW5rIiBocmVmPSJ0ZWw6KzQxMjcyMDM0MTMiPjQxMi03MjAtMzQxMzwvYT4KICAgIDwvaGVhZGVyPgogICAgPHNlY3Rpb24+CiAgICAgIDxwPgogICAgICAgIEF0IFN1cHBvcnREZXYsIG91ciBtaXNzaW9uIGlzIHRvIGVtcG93ZXIgaW5kaXZpZHVhbHMgYW5kIGJ1c2luZXNzZXMgYnkKICAgICAgICBwcm92aWRpbmcgdG9wLW5vdGNoIHRlY2huaWNhbCBzdXBwb3J0LiBXZSB1bmRlcnN0YW5kIHRoZSBjaGFsbGVuZ2VzIHRoYXQKICAgICAgICBjb21lIHdpdGggbmF2aWdhdGluZyB0aGUgY29tcGxleCB3b3JsZCBvZiB0ZWNobm9sb2d5LCBhbmQgd2UgYXJlIGhlcmUgdG8KICAgICAgICBzaW1wbGlmeSBpdCBmb3IgeW91LiBXaGV0aGVyIHlvdSdyZSBhIHN0YXJ0dXAsIGEgc21hbGwgYnVzaW5lc3MsIG9yIGFuCiAgICAgICAgaW5kaXZpZHVhbCBzZWVraW5nIGFzc2lzdGFuY2UsIFN1cHBvcnREZXYgaXMgeW91ciB0cnVzdGVkIHBhcnRuZXIgaW4KICAgICAgICB0ZWNobm9sb2d5LgogICAgICA8L3A+CiAgICA8L3NlY3Rpb24+CiAgICA8Zm9vdGVyPgogICAgICA8YSBjbGFzcz0iZm9vdGVyLWxpbmsiIGhyZWY9Im1haWx0bzpzdXBwb3J0QGRldi5pbyI+c3VwcG9ydEBkZXYuaW88L2E+CiAgICAgIDxhIGNsYXNzPSJmb290ZXItbGluayIgaHJlZj0idGVsOis0MTI3MjAzNDEzIj40MTItNzIwLTM0MTM8L2E+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKYSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMzBweDsKICBmb250LXNpemU6IDI0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQoKLmhlYWRlci1saW5rIHsKICBjb2xvcjogZGFya2dyZWVuOwp9CgovKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCl9fXzogX19fIHsKICBjb2xvcjogX19fOwp9Ci8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KCi5mb290ZXItbGluayB7CiAgY29sb3I6IHNhbG1vbjsKfQ==

- Use the `.` and the class name to select an element by its class name.
- Use the `:hover` pseudo-class to react on mouse cursor hover.

LyogU2V0IHRoZSBzdHlsZXMgaGVyZSAqLwoKYSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIG1hcmdpbjogMzBweDsKICBmb250LXNpemU6IDI0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQoKLmhlYWRlci1saW5rIHsKICBjb2xvcjogZGFya2dyZWVuOwp9CgouaGVhZGVyLWxpbms6aG92ZXIgewogIGNvbG9yOiBibHVlOwp9CgouZm9vdGVyLWxpbmsgewogIGNvbG9yOiBzYWxtb247Cn0=

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 User Action Pseudo-Classes

Task

Challenge: Apply User Action Pseudo-Classes

Task