Exercício

1º

<main>
    <section>
        <h1>Sobre mim</h1>
        <p>Lorem ipsum </p>
        <p>Lorem ipsum </p>
    </section>

2º

<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Sobre mim</h1>
        <p class="apresentacao__conteudo__texto">Lorem ipsum dolor sit amet...</p>
        <p class="apresentacao__conteudo__texto">Lorem ipsum dolor sit amet...</p>
    </section>

3º

:root {
    --cor-principal: #007bff;
    --cor-secundaria: #f8f9fa;
    --cor-terciaria: #343a40;
}

4º

.cabecalho {
    background-color: var(--cor-primaria);
}

.rodape {
    color: var(--cor-secundaria);
}

.cabecalho__menu__link:hover {
    color: var(--cor-terciaria);
}