[Proyecto] Haga lo que hicimos en el aula

@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:black; color:white; height: 100vh; box-sizing: border-box; }

.titulo-blog { color: #22D4fd; }

.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-size: 36px; font-family: "Krona One", sans-serif; }

.presentacion__contenido__texto{ font-family: "Montserrat", sans-serif; font-size: 24px; }

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

.presentacion__enlaces__link{ width: 378px; /background-color: #22D4FD ;/ 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; display: flex; justify-content: center; gap:10px; }

.presentacion__enlaces__link:hover{ background-color: #272727; padding: 3%; border: 2px solid #00f; cursor: pointer; }