10 Haga lo que hicimos en aula | Alura Latam - Cursos online de tecnologia

<main class="presentacion">
    <section class="presentacion__contenido">
        <h1 class="presentacion__contenido__titulo">
            Eleve tu negocio digital a otro nivel
            <strong class="titulo-destaque">con un Front-end de calidad!
            </strong>
        </h1>

        <p class="presentacion__contenido__texto">¡Hola! Soy Ana García, desarrolladora Front-end con
            especialización en React, HTML y CSS. Ayudo a pequeños
            negocios y diseñadores a llevar a cabo buenas ideas.
            ¿Hablamos?

        </p>
        <div class="presentacion__enlaces">
            <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>

            <a class="presentacion__enlaces__link" href="https://github.com/">
                <img src="./assets/github.png" alt="Icono de Github">
                GitHub</a>
            <a class="presentacion__enlaces__link" href="https://pe.linkedin.com/">
                <img src="./assets/linkedin.png" alt="Icono de Linkedin">
                Linkedin</a>
            <a class="presentacion__enlaces__link" href="https://www.twitch.tv/">
                <img src="./assets/twitch.png" alt="Icono de Twitch">
                Twitch</a>
        </div>

    </section>
    <img src="assets/Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer class="footer">
    <p>Desarrollado por Alura Latam</p>
</footer>
</body>

</html>

.botonesLink{
    width: 150px;
    background-color: brown;
    padding: 20px 0;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 16px;
    text-shadow: 0px 0px 7px rgb(195, 255, 0);
    font-weight: 600px;
    display: flex;
    justify-content: center;
    gap: 10px;
    
}

gap: 10px;

.presentacion__enlaces__link:hover{
    background-color: #0000FF
}

.presentacion__enlaces__link:hover{
    background-color: #272727;
    position: pointer;
}