Haga lo que hicimos en aulav: encabezado

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

• { padding: 0; margin:0; }

body{

box-sizing: border-box;
background-color: #000000;
color: #F6F6F6;

}

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

.header{ padding: 2% 0% 15%; gap: 80px;

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

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

.header___menu__link:hover{ color: #007bff; } .presentacion { margin: 8% 15% ; display: flex; align-items: center; 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-size: 24px; font-family: 'Montserrat', sans-serif; } .presentacion__enlaces{ display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px; }

.presentacion__enlaces__link{ width: 378px; 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: 16px;

} .presentacion__enlaces__subtitulos{ font-family:'krona on', sans serif; font-size: 24px; font-weight: 400; }

.presentacion__enlaces__link:hover{ background-color: #272727; border: 2px solid #0000FF; cursor: pointer; }

.presentacion__contenido__titulo:hover{ background-color: #d612bc; border-style: dashed; }

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

}