$1.$ Use File Explorer $($Windows$)$ or Finder $($macOS$)$ navigate to the chapter$04\backslash$lab$2$ folder from the Data Files. Copy the baby$-$hawk.jpg file to your rescue$\backslash$images folder created in Chapter $3$ Lab $2.$

$2.$ Using File Explorer or Finder, navigate up one level to your rescue folder and create a new subfolder named css$.$

$3.$ Open your text editor and create a new file named styles.css$.$ Save the file within your css folder.

$4.$ In your styles.css file, add one multiline comment that includes your name as the author, the current date, and the file name.

$5.$ Add a blank line after the comment then add a new comment with the text CSS Reset, followed by a CSS reset style rule that sets the margin, padding, and borders to zero for the following selectors: body, header, nav, main, footer, img, h$1,$ h$3.$

$6.$ Add a blank line after the CSS reset style rule, add a comment with the text Style rules for body and images, and then create new style rules for the body and img selectors.

a$.$ Create a style rule for the body selector that sets a background color value of #f$6$eee$4.$

b$.$ Create a style rule for the img selector that sets a max$-$width to $100\%$ and displays images as a block.

$7.$ Add a blank line after the img style rule, add a comment with the text Style rules for navigation area, nav li a selectors.

a$.$ Create a style rule for the nav selector that sets the background color to #$2$a$1$f$14.$

b$.$ Create a style rule for nav ul that sets the list style type to none, sets the margin to $0,$ and aligns text center.

c$.$ Create a style rule for nav li that sets the display to an inline$-$block, sets a font size of $1\mathrm{.}5$em$,$ sets a font family value of Geneva, Arial, sans$-$serif, and sets a font weight value of bold.

d$.$ Create a style rule for nav li a that sets the display to a block, sets a font color value of #f$6$eee$4,$ sets top and bottom padding values of $0\mathrm{.}5$em and left and right padding values of $2$em$,$ and removes the text decoration.

$8.$ Add a blank line after the nav li a style rule, add a comment with the text Style rules for main content, ul$,.$link, $.$action, and #contact selectors.

a$.$ Create a style rule for the main selector that sets the padding value to $2\%$ and a font family with values Verdana, Arial, sans$-$serif.

b$.$ Create a style rule for main p that sets the font size value to $1\mathrm{.}25$em$.$

c$.$ Create a style rule for main h$3$ that sets the top padding value to $2\%.$

d$.$ Create a style rule for main ul that sets the list style type value to square.

e$.$ Create a style rule for the class selector link that sets the font color to #$4$d$3319,$ removes the text decoration, sets the font weight value to bold, and sets the font style value to italic.

f$.$ Create a style rule for the class selector action that sets the font size to $1\mathrm{.}75$em$,$ sets the font weight value to bold, and aligns text center.

g$.$ Create a style rule for the id selector contact that aligns text center.

$9.$ Add a blank line after the contact id style rule, add a comment with the text Style rules for footer content, and then create the following style rules for the footer and footer a selectors.

a$.$ Create a style rule for the footer selector that aligns text center, sets a font size value of $0\mathrm{.}85$em$,$ sets a background color value of #$2$a$1$f$14,$ sets a font color value of #f$6$eee$4,$ and sets top and bottom padding values to $1\%$ and right and left padding values to $0\%.$

b$.$ Create a style rule for footer a that sets the font color value to #f$3$e$6$d$8$ and removes the text decoration.

$10.$ Include a blank line between each style rule. Save your changes to the styles.css file. Validate styles.css and correct any errors.

$11.$ Add a link to your style sheet in the index.html$,$ about.html$,$ contact.html$,$ and template.html files. Nest the link within the head element, below the meta element.

$12.$ In the index.html file, update the nav element to use an unordered list instead of a paragraph element. Remove the nonbreaking spaces and diamond character codes nested within the nav element. Make the same change to the about.html$,$ contact.html$,$ and template.html files.

$13.$ In the index.html file, remove the two heading elements $($h$1$ and h$3)$ within the header element. Nest an image element within the header. Specify the image source as baby$-$hawk.jpg and alt text value of rescued baby hawk. Wrap the image within an anchor element that links to index.html$.$ Make the same change to the about.html$,$ contact.html$,$ and template.html files.

$14.$ Remove the height and width attributes from the baby raccoons image on Line $46.$ Save your changes.

$15.$ In the about.html file, add a class attribute with the value of link to the anchor element on Line $37.$ Add a class attribute with the value of action to the paragraph element on Line $53.$

$16.$ Remove height and width attributes from the image element on Line $39.$ Save your changes.

$17.$ In the contact.html file, add a class attribute with the value link to the email and address anchor elements on Lines $37$ and $38.$ Save your changes.

$18.$ Indent all nested elements. Check you