resoluções dos exercícios | HTML e CSS: cabeçalho, footer e variáveis CSS

bom dia colega se tutores

segue resolução dos exercícios

Estilizando o cabeçalho com CSS
No arquivo CSS:

.cabecalho{
    padding: 2% 0% 0% 15%;
    }

.cabecalho__menu{
    display: flex;
    gap: 80px;
    
}

.cabecalho__menu__link{
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 600;
color: #22D4FD;
text-decoration: none;
}

Ajustando o espaçamento do conteúdo

.apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

Criando e navegando para a página "Sobre mim"
Estruturando a página "Sobre mim" com cabeçalho e rodapé
Importando e corrigindo o caminho do arquivo CSS na página "Sobre mim"

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sobre Mim</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    
    <header>
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link" href="index.html">Home</a>
            <a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
        </nav>
    </header>
    
    <main></main>
   
    <footer class="rodape">
        <p>Desenvolvido por Alura.</p>
    </footer>
    
</body>
</html>

Ajustando a estilização após reorganização de arquivos
No HTML

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sobre Mim</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>

No CSS:

.cabecalho__menu__link{
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 600;
color: #22D4FD;
text-decoration: none;
}

espero estar tudo ok

grande abraço a todos

Patricia