Espaciado y márgenes con Flexbox
.presentacion {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
margin: 10%;
max-width: 1200px;
}
Definiendo el tamaño de la sección de texto: Lo primero es verificar de que cuente con el atributo clase, luego de validarlo se le aplica el estilo CSS definiendo el ancho de la seccion del texto usando un width basado en el diseño
Ajustando tamaños de títulos y textos: similar al punto anterior debemos verificar que tanto el titulo como el parrafo cuenten con los atributos de clase, ya luego de esto usamos font-size para ajustar los tamaños de las fuentes teniendo en cuenta el figma.
**Importando y aplicando fuentes de Google Fonts: **
para importar las fuentes buscamos en google fonts ambas, luego de esto copiamos el código que inicia con @import y agregamos el link al inicio de nuestro archivo styles.css ejemplo: @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;700&display=swap');
Personalizando fuentes de títulos y textos: En este punto es importante tener claridad y seguridad de haber agregado las importaciones necesarias a nuestro archivo CSS, ya después de tener esas claridades solo resta agregar la personalización a nuestros estilos para que sigan el formato del diseño en figma
