* {
margin: 0;
padding: 0;
box-sizing: border-box;
}



body {
font-family: Arial, sans-serif;
}

.caja-roja {
height: 50px;
width: 100%;
background-color: red;
color: darkmagenta;
font-size: 20px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}



.caja-roja h1 {
margin: 0;
 color: darkmagenta;
}


.caja-1 {
display: flex;
height: 400px;
width: 100%;
}

.caja-kaki {
height: 400px;
width: 25%;
background-color: khaki;
display: flex;
align-items: center;
justify-content: center;
}



.caja-kaki img {
max-width: 100%;
max-height: 100%;
}




.caja-azul {
height: 400px;
width: 75%;
background-color: lightblue;
display: flex;
 flex-wrap: wrap;
}




.caja-rosa {
height: 100px;
width: 50%;
background-color: lightpink;
display: flex;
align-items: center;
justify-content: center;
}



.caja-rosa a {
color: green;
text-align: center;
text-decoration: underline;
font-weight: bold;
}




.caja-verde {
height: 400px;
width: 50%;
background-color: lightgreen;
padding: 20px;
padding-left: 50px;
overflow-y: auto;
font-family: georgia;
}



.caja-verde ol {
font-size: 25px;
font-weight: normal;
font-style: italic;
color: black;
font-family: georgia;
}



.caja-verde ol li {
color: black;
font-family: georgia;
}



h2 {
height: 50px;
width: 100%;
background-color: lightslategray;
color: black;
font-size: 25px;
font-style: italic;
font-family: tahoma;
font-weight: bold;
text-align: center;
display: flex;
 align-items: center;
 justify-content: center;
}