Part $2$ Style the header area

Select the header element

change the background color to #$0$c$3$b$2$e

set the font color to #fff so that it is easier to read on a darker background. As

we mentioned before, this does not impact the anchor elements.

Select the h$1$ element to set a $0\mathrm{.}5$ rem padding on the top and the left, and a $0$

padding on the right and the bottom.

Now, let's style the navigation bar.

Select the ul element in the nav element $($Hint: since we have multiple ul

elements, use a descendant selector to select the one in the header$)$

o set the text alignment to the right

set a $0$ padding on the top and the left, a $1$rem padding on the right, and a

$0\mathrm{.}5$ rem padding on the bottom

Select all li elements in the nav element to set the font size to $1\mathrm{.}5$rem

Select all anchor elements in the nav element to set the font color to white

Use pseudo$-$class on these anchor elements to add effects to these elements.

When an elements is hovered over or is active

add a solid bottom border of width $4$px with color #$6$d$9773.$ Check in

the browser to make sure that the bottom border appears when the

mouse hovers over a link in the header.