Importação de fontes do Google

A fonte está importada, basta colocar no CSS o font-family com o nome da sua fonte

adicione este link no seu index.html :

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
        rel="stylesheet">

e faça a referencia da fonte no seu stely.css :

body { 
    font-family:  'Inter', sans-serif;
}

ou se estiver usando o :root como na aula :

:root {
    --branco-principal: #FFFFFF;
    --cinza-secundario: #C0C0C0;
    --botao-azul: #167BF7;
    --cor-de-fundo: #00030C;
    --fonte-principal: 'Inter', sans-serif;
    --botao-azul-efeito: #3c92fa;
}

body {
    background-color: var(--cor-de-fundo);
    color: var(--branco-principal);

    font-family: var(--fonte-principal);
    font-size: 1rem;
    font-weight: 400;
}