/*   Notes - 
    Let's uncomment these one at a time and make some observations together

    1. We can target a particular tag (every div or paragraph regardless of location for example
    2. The most specific selector (tag) takes priority
    3. Ties go to the lowest one on the CSS file but is still overwritten by styles in the HTML file

*/

header {
    font-size: 46px;
    color: blue;
}

nav {
    color: cadetblue;
}

section {
    font-size: 22px;
    color: red;
}

div {
    color: aqua;
    font-size: 22px;
}

p {
    color: blueviolet;
    font-size: 30px;
}

/* What happens if we change p again? */

p {
    color: chartreuse;
    font-size: 40px;
}

/* let's look at our page with the inspect tool in our browser - */