Problema no browser | HTML5 e CSS3 parte 4: avançando no CSS

Carreguei no Google Chrome a minha aplicacao, mas os estilos da tela nao estao funcionado, tais como: colocar em negrito("strong") e 1a item da tela em negrito("bold"). Carreguei o exercicio do professor e o mesmo aconteceu. Ja atualizei minha versao (Google Chrome Version 85.0.4183.83 (Official Build) (64-bit). O que mais posso fazer ? Detalhe ja limpei o cache e no firefox funciona corretamente.

Obs: Pensei que isto tivesse sido resulvido com o arquivo RESET mas pelo jeito tudo continua na mesma, sempre o browser para atrapalhar....rsrsrrsrs

    <title>Barbearia Alura</title>

    <link rel="stylesheet" href="reset.css">    
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">

</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contatos.html">Contato</a></li>            
                </ul>
            </nav>
        </div>
    </header>

    <img class="banner" src="banner.jpg">

    <main>
        <section class="principal">
            <h2 class="titulo-principal">Sobre a Barbearia Alura</h2>

            <img class="utensilios" src="utensilios.jpg" alt="Utensilios de um barbeiro.">

            <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

            <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

            <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>    
        </section>
        <section class="mapa">
            <h3 class="titulo-principal">Nosso estabelecimento</h3>
            <p>Nosso estabelecimento esta localizado no coração da cidade.</p>
            <div class="mapa-conteudo">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.448461139043!2d-46.634653385120274!3d-23.588244284669578!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5a2b2ed7f3a1%3A0xab35da2f5ca62674!2sCaelum%20-%20Escola%20de%20Tecnologia!5e0!3m2!1spt-PT!2sbr!4v1599071071407!5m2!1spt-PT!2sbr" width="100%" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
                </iframe>
            </div>

        </section>
        <section class="beneficios">
            <h3 class="titulo-principal">Benefícios</h3>
            <div class="conteudo-beneficios">
                <ul class="lista-beneficios">
                    <li class="itens">Atendimento os Clientes</li>
                    <li class="itens">Espaço diferenciado</li>
                    <li class="itens">Localização</li>
                    <li class="itens">Profissionais Qualificados</li> 
                    <li class="itens">Pontualidade</li> 
                    <li class="itens">Limpeza</li> 
                </ul><img class="imagem-beneficios" src="beneficios.jpg">
            </div>
            <div class="video">
                    <iframe width="100%" height="315" src="https://www.youtube.com/embed/wcVVXUV0YUY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </section>

    </main>
    <footer>
        <img src="logo-branco.png">
        <p class="copyright">&copy; Copyright Barbearia Alura - 2020</p>
    </footer>
</body>

.itens:before { content: "⭑"; }

.itens:first-child { font-weight: bold; }