/* Estilos generales */ body { font-family: 'Arial', sans-serif; background-color: #121212; color: #F6F6F6; margin: 0; padding: 0; }

h1, h2, h3 { color: #FFFFFF; text-align: center; }

/* Header */ header { background-color: #1E1E1E; padding: 20px 0; }

nav ul { list-style-type: none; display: flex; justify-content: center; gap: 20px; }

nav ul li { display: inline; }

nav ul li a { color: #22D4FD; text-decoration: none; font-weight: bold; font-size: 18px; }

nav ul li a:hover { text-decoration: underline; }

/* Main */ main { padding: 50px 20px; }

#sobre-mi { text-align: center; }

#sobre-mi h1 { font-size: 2.5rem; margin-bottom: 20px; }

#sobre-mi p { font-size: 1.1rem; margin: 0 0 30px; }

.redes-sociales { display: flex; justify-content: center; gap: 20px; }

.social-link { color: #22D4FD; font-size: 1.2rem; text-decoration: none; }

.social-link:hover { text-decoration: underline; }

.foto-perfil { width: 150px; border-radius: 50%; margin-top: 20px; }

/* Sección de proyectos */ #proyectos { background-color: #1E1E1E; padding: 40px 20px; border-radius: 10px; margin-top: 30px; }

.proyecto { background-color: #2A2A2A; padding: 20px; margin-bottom: 20px; border-radius: 8px; }

.proyecto h3 { color: #22D4FD; }

.proyecto p { color: #F6F6F6; }

/* Footer */ footer { background-color: #1E1E1E; padding: 20px 0; text-align: center; color: #F6F6F6; position: fixed; width: 100%; bottom: 0; }

Sobre mí
Proyectos
Contacto

Eleva 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?

Foto de Ana García desarrollando un proyecto

    <section id="proyectos">
        <h2>Mis Proyectos</h2>
        <div class="proyecto">
            <h3>Proyecto 1</h3>
            <p>Descripción del proyecto</p>
        </div>
        <div class="proyecto">
            <h3>Proyecto 2</h3>
            <p>Descripción del proyecto</p>
        </div>
    </section>

    <section id="contacto">
        <h2>Contacto</h2>
        <p>Puedes contactarme a través de mis redes sociales o por correo electrónico.</p>
    </section>
</main>
<footer>
    <p>&copy; 2025 Ana García - Todos los derechos reservados</p>
</footer>