TASK $2$: THE EXTERNAL STYLESHEET. Launch a text editor and open the pacific.css external style sheet file.

THE BODY ELEMENT SELECTOR. Change the background color to light blue $($#$90$C$7$E$3).$ Add style declarations to display a linear gradient that blends from white $($#FFFFFF$)$ to light blue $($#$90$C$7$E$3)$ and does not repeat.

THE WRAPPER ID SELECTOR. Add a new selector for an id named wrapper. Configure the wrapper id to be centered $($see Hands$-$On Practice $6\mathrm{.}4)$ with a width of $80\%,$ white background color $($#FFFFFF$),$ a minimum width of $960$ pixels, a maximum width of $2048$px$,$ and a $3$px offset dark $($ #$333333)$ box shadow.

THE HEADER ELEMENT SELECTOR. Remove declarations for line height and indented text. Add declarations to configure $60$px height, centered text, and $15px$ top padding.

THE H$1$ ELEMENT SELECTOR. Add a style declaration to configure zero top margin.

THE NAV ELEMENT SELECTOR. Change the background color to white $($#FFFFFF$).$ Add declarations to configure centered text and $1em$ padding.

THE MAIN ELEMENT SELECTOR. Add a new selector for the main element. Code declarations to configure $1px$ top padding, $20px$ right padding, $20px$ bottom padding, and $20px$ left padding. Internet Explorer does not support default styles for the HTML$5$ main element, so add the following style declaration using the display property $($see Chapter $7)$ to nudge this browser to display as expected: display: block;

THE H$2$ ELEMENT SELECTOR. Add a style declaration to configure $1$ px offset gray $($#CCCCCC$)$ text shadow.

THE FOOTER ELEMENT SELECTOR. Add a declaration to configure $2em$ of padding.

THE HOMEHERO ID SELECTOR. Add a new selector for an id named homehero. Code declarations to configure $300px$ height and to display the coast.jpg background image to fill the space $($use background$-$size: $100\%100\%$ without repeating.

THE YURTHERO ID SELECTOR. Add a new selector for an id named yurthero. Code declarations to configure $300px$ height and to display the yurt.jpg background image to fill the space $($use background$-$size: $100\%100\%$ without repeating.

THE TRAILHERO ID SELECTOR. Add a new selector for an id named trailhero. Code declarations to configure $300px$ height and to display the trail.jpg background image to fill the space $($use background$-$size: $1008100\%$ without repeating.

Save the pacific.css file. Use the CSS validator $($

http:$//$jigsaw$.$w$3.$org$/$css$-$validator$)$ to check your syntax. Correct and retest, if necessary.