Half of my selectors aren't working.

My selectors partially stop working from the span challenge onwards despite me getting many of them right. The previous challenge has some code highlighted in red but I do not seem to see what could possibly be wrong with it. I believe it is identical to the teacher's solution unless I cannot see the forest for the trees. I'd like to point out that "input[type] and #site-logo are highlighted in red. Here is the code. Furthermore, the Chrome inspect shows none of the code I added starting with the span challenge. I will show what inspect shows further below.

/* Give the text field a blue border upon focus. Check teacher's notes for resources on this part of the challenge. */ input[type="text"]:focus { border: 2px solid blue; }

/* Give the 'span' tag in the footer a meaningful class name and reduce its font size */

.bookworm { font-size: 12px; }

/* Give the 'img' tag in the header an ID and set its width to 190px */

#site-logo { width: 190px; }

/* Target all heading tags on the page and set their font family to 'Bree Serif', serif */

h1, h2, h3 { font-family: 'Bree Serif', serif;
}

Chrome Inspector for the h1 tag that should be 'Bree Serif':

h1, h2 {
    color: #8292b1;
    margin-top: 0.65em;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
body {
    color: #6a6a6a;
    font: 1.05em/1.5 'Raleway', sans-serif;
}