Need Help with Selector Specificity Assignment

HTML/CSS
1

I am working on Lesson 8 of the CSS section and cannot duplicate the results as shown in the video. The Lesson is Selectors Specificity. The text should change to pink, but it does not. The HTML code and CSS Code are included in the body of this question submission. Please Help if you can. FYI: For some reason the html that I copied to this post is not show up in the body of the post, but appears to be rendering the output of the word Heading instead.

Index

Document

Heading

CSS

body {
margin: 10px;
}

h1 {
color: dodgerblue;
}

.highlight {
color: deeppink;
}