Override Styles in Subsequent

Tell us what’s happening:
The text only turns blue if the blue text class is before the pink text class in the header. Am i reading the lesson incorrectly? The way I understand the lesson is that the order in the style section should take precedence over the order listed in the header

Your code so far

  body {
    background-color: black;
    font-family: monospace;
    color: green;
  .pink-text {
    color: pink;
  .blue-text {
    color: blue;
<h1 class="pink-text" "blue-text"</h1>Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:63.0) Gecko/20100101 Firefox/63.0.

Link to the challenge:

Please disregard, I found it