<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível<strong 
        class="titulo-destaque">com um Front-end de qualidade!
        </strong></h1>
        <p class="apresentacao__conteudo__texto">Olá! Sou Joana Santos, desenvolvedora
        Front-end com especialidade em React, HTML e
        CSS. Ajudo pequenos negócios e designers a
        colocarem em prática boas ideias. Vamos
        conversar?</p>
        <div class="apresentacao__links">
            <h2 class="apresentacao__links__subtitulo">Acesse minhas redes</h2>
            <a class="apresentacao__links__navegacao" href="https://github.com/rafaballerini">
                <img src="./assets/github.png">
                Github
            </a>
            <a class="apresentacao__links__navegacao" href="https://linkedin.com/in/rafaellaballerini">
                <img src="./assets/linkedin.png">
                linkedin
            </a>
            <a class="apresentacao__links__navegacao" href="https://twitch.tv/guilimadev">
                <img src="./assets/twitch.png">
                Twitch
            </a>
        </div>
    </section>
    <img class="apresentacao_imagem" src="./assets/imagem.png" alt="Foto da Joana Santos programando">
</main>

CSS

.apresentacao__links__navegacao{
    display: flex;
    justify-content: center;
    gap: 16px;
    border: 2px solid var(--cor-terciaria);
    width: 50%;
    text-align: center;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: var(--cor-secundaria);
    font-family: var(--fonte-secundaria);
}