:root { --color-primario:#000000; --color-secundario: #f6f6f6; --color-terciaro: #22D4FD; --color-hover: #272727; --fuente-montserat: "Montserrat", sans-serif; --fuente-krona: "Krona One", sans-serif; }

{ padding: 0; margin: 0; } body { background-color: var(--color-primario); color: var(--color-secundario); box-sizing: border-box; } .header { padding: 2% 0% 0% 15%; }

.header_menu { display: flex; gap: 80px;

} .header_menu_link { font-family: var(--fuente-montserat); font-size: 24px; font-weight: 400; color: var(--color-terciaro); text-decoration: none; }

.titulo-destaque { color: var(--color-terciaro); }

.presentacion { display: flex; align-items: center; padding: 7% 15% ; justify-content: space-between; }

.presentacion_contenido { width: 615px; display: flex; flex-direction: column; gap: 40px;

}

.presentacion_contenido_titulo { font-size: 36px; font-family: var(--fuente-krona); }

.presentacion_contenido_texto { font-family: var(--fuente-montserat); font-size: 24px; }

.presentacion_enlaces { display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px; }

.presentacion_enlaces_subtitulos { font-family: var(--fuente-krona); font-size: 24px; font-weight: 400; }

.presencion_enlaces_link { width: 378px; text-align: center; padding: 21.5px 0; border-radius: 8px; font-family: var(--fuente-montserat); font-size: 24px; font-weight: 600; text-decoration: none; color: var(--color-secundario); border: 2px solid var(--color-terciaro); display: flex; justify-content: center; gap: 10px;

}

.presencion_enlaces_link:hover { background-color: var(--color-hover); }

.footer { background-color: var(--color-terciaro); padding: 24px; color: var(--color-primario); text-align: center; font-family: var(--fuente-montserat); font-size: 24px; font-weight: 400; }

Home Sobre mi

Eleve tu negocio digital a otro nivel con un Front-end de calidad!

¡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_subtitulos">Accede a mis redes</h2>
                <a class="presencion_enlaces_link" href="https://www.instagram.com/">
                    <img src="./assets/instagram.png">
                    Instagram</a>
                <a class="presencion_enlaces_link" href="https://www.github.com/">
                    <img src="./assets/github.png">
                    GitHub</a>
            </div>
    </section>
    <img src="./assets/Imagem.png" alt="Imagen de Ana Garcia trabajanndo">
          
</main>
<footer class="footer">
    <p>Desarrollado por Norlan Enrique Gonzalez Castro</p>
</footer>

Home Sobre mi

Sobre mi

At vero eos et accusamus et iusto odio dignissi.

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,