4.11 Pacific Trails Resorts: Case Study Part 2 Update the webpages (index.html and yurts.html) that you created in Chapter 2 for the Pacific Trails Resort by adding and including a new stylesheet called pacific.css Begin by creating and editing the new file, pacific.css, which will contain the specified css directives. Add code to this CSS file to accomplish the following: Global styles for the document (use the

element selector) with background color white (#FFFFFF) and text color dark gray (#555555) and font-family = sans-serif) Style rules for the h1 element selector that configures background color (#002171) and text color (#FFFFFF) Also specify a rule for the h1 element selector that sets margin-bottom: 0. This will remove the space that exists between the Company name and navigation links. Styles for the nav element selector that configure sky blue background color (#BBDEFB) Styles for the h2 element selector that configure medium blue text color (#1976D2) Styles for the dt element selector that configure dark blue text color (#002171) Styles for a class named resort that configure blue text color (#1976D2) Edit the file called index.html (that you created in Chapter 2): Add a

element in the head section to associate the web page with the pacific.css external style sheet. Find the company name (Pacific Trails Resort) in the first paragraph below the

. Configure a that contains this text, and assign the span tag to the resort class. Look for the company name (Pacific Trails Resort) directly above the street address. Configure a that contains this text, and assign the span tag to the resort class. Assign the

that contains the address and phone information to an id named contact. We will configure CSS for this id in a future case study! Edit the file called yurts.html (that you created in Chapter 2). Add a

element in the head section to associate the web page with the pacific.css external style sheet.