[Bug] O texto

Como visto na aula atual, a professora instrui que coloque o h1 com a class "container__titulo", juntamente com o <b></b> para deixar em negrito (juntamente com uma class "container__titulo--negrito") o "Alura", logo em seguida colocando as classes no Media Query. Porém quando eu faço isso, não acontece do "Alura" estar em negrito, oque eu faço?

 <img src="img/Logo.svg" alt="Logo da AluraBooks" class="container__imagem">
            <h1 class="container__titulo"><b class="container__titulo--negrito">Alura</b>Books</h1>
        </div>

@media screen and (min-width: 1024px) {

    .container__titulo,
    .container__titulo--negrito {
        font-family: var(--fonte-secundario);
        font-size: 30px;
    }
    .container__titulo {
        font-weight: 400;
    }
    .container__titulo--negrito {
        font-weight: 700;
    }
}