[Projeto] Desafio página curriculo | HTML e CSS: cabeçalho, footer e variáveis CSS

HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meus Projetos</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>
    <header class="cabecalho">
        <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>
            <a class="cabecalho__menu__link" href="trabalhos.html">Meus projetos</a>
        </nav>
    </header> <!--cabeçalho da página, normalmente logos menus de navegação etc-->
      <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Pedro Sobral • <strong class="destaque">Arte & Código</strong></h1>
            <p class="apresentacao__conteudo__texto">Meu nome é Pedro Sobral, 23. Artista independente e estudante de programação. Somei mais de 30 milhões de visualizações na SadStation com um som que cruza lo-fi, indie, boombap e rock. Aqui você encontra meus projetos — do lápis ao DAW, do rascunho ao lançamento.</p>
        </section>
        <div class="apresentacao__links">
                <iframe class="apresentacao__links__video" width="560" height="315" src="https://www.youtube.com/embed/osXukOhAc7o?si=X6mpQazRGX6dqjtN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            </div>

      </main>
     <footer class="rodape">
        <p>Desenvolvido por Pedro Sobral</p>
    </footer> <!--rodapé da página, contato, copyright links importantes etc-->
</body>
</html>

CSS:
Reciclei o css das outras páginas e adicionei uma classe nova pro vídeo

.apresentacao__links__video{
    border: 3px solid #8b5cf6;
    border-radius: 20px;
    height: 350px;
    width: 550px;

}![](![]( Insira aqui a descrição dessa imagem para ajudar na acessibilidade