Codecademy: Codeyear Class Act

<!--sample solution-->


<style>
.blue {
    color: blue;
}
.pineapple {
    background: green;
    color: yellow;
}
.tuxedo {
    background: black;
    color: white;
}
.you {
    font-family: Calibri, Garamond;
    font-weight: bold;
}
</style>
<p class="tuxedo">This is a paragraph in black and white.</p>
<p>This is a paragraph that's just normal.</p>
<p class="blue">This is a paragraph that should be blue.</p>
<p class="pineapple">This is a paragraph that is fun and tropical!</p>
<p class="you">This is a paragraph that reflects you!</p>

<p>
This is a paragraph that contains an <em>emphasized</em> word, a regular
word that we happen to want to be <span>blue</span> and a word that is
<strong>very</strong> important.

This sentence has <strong>important</strong> and <em>emphasized</em>
words as well, but we don't want <span>any</span> of them to be
<span>blue</span>!
</p>