Haga lo que hicimos en 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: rgb(204, 198, 112); color: rgb(255, 255, 255); font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 36px; /text-align:center;/ /* height: 100vh;*/ box-sizing: border-box;

.texto-en-caja{
    background-color: rgb(9, 63, 82);
    pading: 15px 30px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,3);   
}
}
span{
    color: #22D4FD;
    border: 10px solid #26f10c;
    padding: 10px;

}

.titulo-destaque{ color:#22D4FD; }

.presentacion{ display:flex; align-items: center; margin: 10% 15%; justify-content: space-between; }

.presentacion__contenido{ width: 615 px; display: flex; flex-direction: column; gap: 40px; }

.presentacion__contenido__titulo{ font-size:36px; font-family: "Krona One", sans-serif; }

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

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

.miimagen{ width:700px; }

.presentacion__enlaces__link{ width: 378px; background-color: #000000; 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: 5px solid #22D4FD; display: flex; justify-content: center; gap:10px; transition: transform 1s ease; cursor: pointer; }

.presentacion__enlaces__link:hover{ background-color:#272727; transform: scale(1.1); }

.presentacion__enlaces__link:active{ transform: scale(0.5); color: red; }

.presentacion__enlaces__subtitulos{ font-family:"Krona One", sans-serif; font-size:24px; font-weight: 400; }

.footer{ font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-align: center; background-color:#22D4FD; color:salmon; border: 5px solid rgb(0, 0, 0); font-size: 40px; padding: 24px; } /espacio desde el obrde superior hasta el primer texto/ .header{ padding: 10px; }

.header__menu{ text-align: center; padding:20px; /gap: 20px;/ }

.header__menu__link{ /gap:20px;/ padding:10px; background-color: #22D4FD;

}

.header__menu__link:hover{ transition: transform 1s ease; background-color: #28464d; color: #22D4FD; transform: scale(1.5px); cursor:pointer; }