Have a look at our index.html and style.css in the top left hand pane as well as at the preview underneath it$.$

We ask you to change the CSS so that:

The nav on the bottom should be different than the one from the top. Use descendant selector to target the li in #footer$-$nav.

This li should have a style like:

display: inline;

background$-$color:transparent;

margin:$2$px;

padding:$0$px

font$-$size:$80\%$;

The h$2$ which has a class of selected should not be in bold like the other selected elements. Instead it should be like:

background$-$color:lightsalmon;

font$-$weight:normal;

margin$-$left:$40$px;

Again the p which has a class of selected should not be in bold. It should be like this :

background$-$color:lightsalmon;

font$-$weight:normal;

margin$-$left:$60$px;

color:black;

:

$$h$1>$ Our main title $(\frac{\text{:}}{h}1$:$)$

$$p$>$ First paragraph text Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam vestibulum vel ex at aliquet. Aliquam erat volutpat. Vivamus eleifend rutrum nisi, id imperdiet nisl p

Donec ultricies lacus mi$,$ vitae scelerisque nibh mollis at$.$ Vestibulum sed sollicitudin metus.

Quisque tempor massa ac fringilla mollis. Sed et augue felis. Maecenas eget fermentum sem.

Vivamus imperdiet, sem vitae tincidunt varius, erat lectus facilisis dolor, id ultricies magna eros et justo.

Second paragraph text Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam vestibulum vel ex at aliquet. Aliquam erat volutpat. Vivamus eleifend rutrum nisi, id imperdiet nisl p

Donec ultricies lacus mi$,$ vitae scelerisque nibh mollis at$.$ Vestibulum sed sollicitudin metus.

Quisque tempor massa ac fringilla mollis. Sed et augue felis. Maecenas eget fermentum sem.

Vivamus imperdiet, sem vitae tincidunt varius, erat lectus facilisis dolor, id ultricies magna eros et justo.

: