Desafío: crea una página curriculum

        <main class="presentacion">
    <section class="presentacion__contenido">
        <h1 class="pagina__informacion__titulo">Fabian Navros</h1> 
        <div>
            <p><strong class="pagina__informacion__texto">Email:</strong> fabian.navros@email.com</p>
            <p><strong class="pagina__informacion__texto">Teléfono:</strong> +56 9 1234 5678</p>
        </div>
    </section>
    
    <section class="listado" aria-label="Experiencia laboral">
        <h2 class="listado__h2">Experiencia Laboral</h2>
        <ul>
            <li class="listado__li">2023 – Asistente administrativo en Empresa XYZ</li>
            <li class="listado__li">2022 – Práctica profesional en Oficina ABC</li>
        </ul>

        <h2 class="listado__h2">Educación</h2>
        <ul>
            <li class="listado__li">2021 – Técnico en Administración – Instituto Profesional</li>
            <li class="listado__li">2018 – Enseñanza Media – Colegio Nacional</li>
        </ul>

        <h2 class="listado__h2">Otros Proyectos</h2>
        <ul>
            <li class="listado__li">Proyecto personal: Página web sobre recetas</li>
            <li class="listado__li">Blog sobre productividad y organización</li>
        </ul>
    </section>

    <div class="fotografia">
        <img src="./assets/Imagem.png" alt="Foto de Ana García desarrollando un proyecto web">
    </div>
</main>

<footer class="footer">
    <p>Desarrollado por Fabian</p>
</footer>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

• {
  padding: 0;
  margin:0;
  }

.pagina {
display: flex;
flex-direction: column;
gap: 32px;
padding: 6% 15%;
}

.presentacion__contenido {
width: 50%;
display: flex;
flex-direction: column;
gap: 24px;
margin-top: -680px;
}

.pagina__informacion__titulo {
font-size: 36px;
font-family: 'Krona One', sans-serif;
color: #22D4FD;
margin-bottom: 16px;
}

.pagina__informacion__texto {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
color: #22D4FD;
}

.listado {
display: flex;
flex-direction: column;
gap: 24px;
padding: 20px 3%;
}

.listado__h2 {
font-size: 28px;
font-family: 'Krona One', sans-serif;
color: #22D4FD;
margin-top: 32px;
}

.listado__li {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
color: #F6F6F6;
line-height: 1.6;
}

.fotografia {
display: flex;
justify-content: center;
width: 50%;
}