(Solved): Complete the following hands-on activities in a new Pen on your CodePen.io account. Name the CodePe ...

Complete the following hands-on activities in a new Pen on your CodePen.io account. Name the CodePen "CSS Color and Text Practice": 1. Write the HTML for a heading 1 that reads "My Ugly CSS Text and Color Playground" that uses external styles (in the CSS panel on CodePen) to configure the text to be brown, 2em in size, and Arial, Verdana, or a sansserif font. 2. Write the HTML for a paragraph that uses inline styles to configure the background color of green and the text color of white. The paragraph can say anything you like, for example, $$<p>$$ This is my first paragraph for the hands-on activity. $$</p>$$ 3. Write the HTML and CSS code for an embedded style sheet (in the HTML panel of CodePen) that configures a background color of the entire page to \#eaeaea with a text color of \#000033. 4. Add another $$p$$ to the HTML and style all $$p$$ 's in an external CSS to be blue with a $$2\mathrm{em}$$ indent. 5. Add an unordered list of at least 3 CSS resources you found useful online. Link them using the a tag. Post any observations, lessons learned, or questions to this discussion. Did you notice what happened when you added the styles for the second paragraph? Is there a way to normalize all the font on the entire page, so it's the same? Feel free to modify and add to the code once you complete the challenges above.