Interactive Text and Font Activity

In this activity, you will add CSS text and font properties to elements in the work area below. You may wish to open the element inspector now, and dock it to the right-hand side of your browser. When you are ready to begin, click the "Next" button in the controls above.
Using the element inspector, find the existing CSS selector for the element with id="workarea", and then add the declaration font-family: 'Open Sans', sans-serif;
Using the element inspector, add a new CSS tag selector for the H2 element, and then apply the declaration font-family: 'Indie Flower', cursive;
Inside the H2 tag selector, add another declaration which will use the font-size property with a value of 40px.
Add a new CSS selector for the hyperlink anchors (the A tags). Then add the declarations that will change the font-variant to small-caps and text-decoration to none.
Now let's center those links inside of their parent element. The parent element is the nav with id="external-links", so create a new CSS ID selector (using #) for that element. Then apply the declaration text-align: center;
Now look at the paragraphs. Every other paragraph has a class="alternate" attribute. Create a new CSS selector for this class (using .), and then apply the declaration line-height: 25px;
Inside each paragraph, the first clause is wrapped in a SPAN tag with the class="awesome" attribute. Create a new CSS selector for this class and make the text bold. The color of the text should be specified with the maximum amount of RED light but with no GREEN or BLUE light.
You are finished! Good work!

Work Area

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue imperdiet orci a semper. Curabitur pellentesque quam ut libero sollicitudin, id hendrerit nibh varius. Etiam sed lorem quam. Nam ac eros a quam pretium sagittis. Suspendisse potenti. Aliquam vitae erat et tellus aliquet interdum et ac augue. Curabitur dapibus lacus ut ipsum cursus, id scelerisque erat commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse tempus ac eros quis mollis.

Nunc et vestibulum augue. Ut sem nisl, dignissim vel pharetra sed, gravida nec ipsum. Sed tempor turpis tempus, placerat diam vitae, consequat eros. Donec euismod, velit ac euismod vestibulum, ipsum nulla fermentum magna, eu laoreet felis mauris ut eros. Sed fermentum leo quis orci efficitur suscipit. Nam cursus metus vitae enim tempus, ac facilisis neque convallis. Donec suscipit eros at volutpat iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam posuere justo nec tempor condimentum. Integer sed pulvinar dolor, tristique venenatis sem. Donec sagittis lacus nec augue facilisis, fringilla placerat ligula consectetur. Vivamus elit sem, gravida sit amet malesuada in, viverra a elit. Cras egestas aliquam diam.

Proin cursus dolor vitae neque semper, eu pharetra diam elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis fermentum urna. In sagittis porttitor velit malesuada molestie. Pellentesque in commodo velit. Phasellus et lacus auctor, fringilla mi nec, volutpat sem. Sed eleifend viverra sem non ornare.

Aenean ligula eros, consectetur sed eros sit amet, vehicula placerat purus. Integer odio sapien, mollis eget nunc ut, malesuada lobortis nibh. Praesent risus justo, facilisis vel quam vel, facilisis lacinia quam. Nulla id finibus erat, ac pellentesque ante. Nam eu commodo dui, ut feugiat nulla. Fusce tellus tellus, aliquam finibus tortor vel, semper scelerisque leo. Praesent tincidunt mi eros, at ultricies dolor ornare ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla a dignissim enim. Donec id urna magna. Quisque molestie tellus eget euismod aliquam. Vivamus rhoncus scelerisque aliquet. Nulla dolor mauris, accumsan vel lectus vitae, consectetur aliquam velit. Nunc ut suscipit augue.

Ut vitae quam id risus aliquam pellentesque. Proin ornare enim a felis suscipit cursus. Sed ex eros, eleifend vitae ipsum a, dapibus rutrum diam. Curabitur luctus, tortor id dignissim posuere, nisi mi accumsan neque, ac interdum tellus orci ac mi. Nulla eleifend dui dignissim, euismod leo ut, finibus nunc. Sed nibh diam, laoreet ac bibendum venenatis, dictum at elit. Praesent vitae sapien id ante tempus tempus vitae sit amet ante. Aenean id nisi laoreet ante consequat rhoncus. Vestibulum viverra cursus aliquet. Phasellus eu suscipit elit.