I have never created an external style before. This is the main Html that I am using.

Amelie Boulangerie

• Home
• Pastries
• Events
• Contact

Experience the Difference

Amelie Boulangerie is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience the difference at Amelie Boulangerie.

• Small batch baking to ensure quality and freshness
• Gluten free options available
• Flavored coffees and teas
• Live acoustic music on Thursday and Saturday nights

Amelie Boulangerie 231 Uninversity Dr, Tempe, AZ 85281 480-555-5555 Hours:Mon-Sun, 6am-9pm

Copyright© 2019 Amelie Boulangerie

CSS

body {background-color:#DEA8B5;color:#542C1B;font-family:Verdana;line-height:150%} #wrapper {width:80%;margin-left:auto;margin-right:auto;background-color:#FDFDFD} header {background:#141A1A;color:#FFFFFF} nav {font-weight:bold} .bakery {font-style:italic} footer {background-color:#AFAEB4;font-size:.60em;font-style:italic;text-align:center}

External Style Sheet 1. Create a new file within your text editor and save the file as style.css. 2. Create the global styles for the entire website by using the body selector a. Style the background color using #DEA8B5 Refer to page 83 b. Style the text color using #542C1B Refer to page 84 c. Style the font using Verdana, Arial, and any sans-serif for the fallback font Refer to page 85 d. Style the line height to 1.5 Refer to page 85 3. Create a style rule for an id named wrapper with the following declarations: Refer to page 101 a. Style the wrapper to have a background-color using #FDFDFD b. Center the wrapper in the body by setting the width to 80% and setting the margin-left and margin-right to auto. (3 pts) Refer to page 110-111 4. Create the header styles by using the header selector (1 pt) a. Style the background color of the header using #141A1A (1 pt) Page 5 b. Style the text color using #FFFFFF (1 pt) 5. Create the navigation styles by using the nav selector (1 pt) a. Style the text with a font weight of bold (1 pt) 6. Create a style for a class named bakery that configures italic text. (2 pts) Refer to page 100 7. Create the footer styles by using the footer selector (1 pt) a. Style the background color of the footer using #AFAEB4 (1 pt) b. Style the font size to be smaller than the rest of the page (.6 em), with italic text, that is centered. (3 pts)