Oi Bryan e Matheus!
Primeiramente, obrigado Matheus por estar ajudando outro aluno! Apesar da sua solução ter funcionado, a sua justificativa não foi totalmente correta: o problema é no link de importação da fonte, não da ordem das importações. Como você bem observou, a ordem de importação do reset.css é um problema frequente, mas não foi o que aconteceu neste caso porque o reset.css não altera o font-family.
As fontes têm uma propriedade chamada font-weight, um valor que especifica a intensidade da fonte e que varia de 100-900 ou que pode receber uma string bold (equivalente a 700) ou normal (equivalente a 400). Vocês podem ler mais sobre essa propriedade neste artigo da MDN.
O código do Bryan importa a fonte desta maneira:
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
Note que após o nome da fonte, há o texto "wght@100 e ele indica quais font-weight devem ser baixados. Ou seja, somente o font-weight com valor de 100 foi baixado. Entretanto, os textos do site apresentam font-weight: 400 por padrão e font-weight: 700 em negrito. Na hora de renderizar o texto, o navegador não encontra tais font-weight para a fonte Montserrat, então ele acaba utilizando a próxima fonte, no caso alguma sans-serif como definido no style.css.
Na solução do Matheus, observa-se que ele adicionou a instrução
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
Que não possui nenhum "wght. Neste caso, todos os font-weight são baixados e o navegador consegue renderizar as fontes corretamente.
Vou deixar uma reflexão pra vocês: por que é interessante escolher quais font-weigh serão ser baixados?
Espero ter ajudado! Qualquer outra dúvida podem comentar aqui!
