/* So, there are 4 places that css styles can exist:
        - default stylesheet (provided by the browser)
        - external stylesheet (linked to in the head of the html document)
        - styles embedded in the head of the html document
        - styles embedded in an individual html tag

if we don't apply any css, the browser uses its own default stylesheet.  That's why the em text is in italic

However, anything do in our own css can override this.  The default stylesheet is the weakest!
*/

/*we can select any type of html tag with which to apply css by using the following convention:*/

em {
    font-style: normal;
}

/*Notice that we have overriden the default style sheet.*/


/* Let's make everything blue */

* {
    color: blue;
}