@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
- { padding: 0; margin: 0; }
body { background-color: #000000; color: #f6f6f6; height: 100vh; box-sizing: border-box; }
.titulo-destaque { color: #22D4fD; }
/* Flexbox para organizar los objetos */ .presentacion { display: flex; align-items: center; margin: 10% 15%; justify-content: space-between; }
.presentacion_contenido { width: 615px; display: flex; flex-direction: column; gap: 40px; }
.presentacion_contenido_titulo { font-family: "Krona One", sans-serif; font-size: 36px; }
.presentacion_contenido_texto { font-family: "Montserrat", sans-serif; font-size: 24px; }
.presentacion_enlace { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.presentacion_enlace_subtitulos { font-family: 'Krona One', sans-serif; font-size: 24px; font-weight: 400; }
.presentacion_enlace_link { display: flex; align-items: center; justify-content: center; width: 280px; text-align: center; padding: 21.5px 0; border-radius: 8px; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #f6f6f6; border: 2px solid #22D4fD; gap: 16px; /* Ajusta el espaciado entre el ícono y el texto */ transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.presentacion_enlace_link:hover { background-color: #272727; color: #f6f6f6; border-color: #0000FF; cursor: pointer; /* Cambia el cursor a mano */ }
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?
GitHub
LinkedIn
Twitch
Desarrollado por Alura Latam
