[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; padding: 8% 15%; /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; }

.encabezado__menu__link { font-size: 18px; color: #333; margin: 0 10px; padding: 5px 10px; text-decoration: none; }

.encabezado__menu__link:hover { color: #007bff; }

.encabezado__menu { display: flex; justify-content: center; align-items: center; }

.footer{ padding: 24px; color: #000000; background-color: #22D4FD; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; }