* {
    padding: 0;
    margin: 0;
}

body {
    background: antiquewhite;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.grid_layout {
    display: grid;
    /*grid-template-columns: 5fr 3fr;
    grid-template-rows: 1fr 1fr 1fr 2fr 3fr;*/
    /* grid-template-columns: 80% auto;
    grid-template-rows: 20% 10% 60% auto;*/
    grid-template-areas: 'cabecera cabecera'
        'menu menu'
        'contenido lateral'
        'footer footer';
    grid-template-columns: 80% auto;
    grid-template-rows: 20% 10% auto 10%;
    /*width: 80%;
    margin: 0 auto;*/
    background-color: lightgreen;
    /*padding: 20px;*/
    border: 1px solid black;
    min-height: 100vh;
}

.caja {
    border: 4px solid black;
    background-color: lightgray;
    text-align: center;
    line-height: 100%;
    display: flex;
    /* Activa Flexbox */
    align-items: center;
    /* Centra verticalmente */
    justify-content: center;
}

.grid_layout .caja:nth-child(1) {
    /* grid-column: 1 / span 2;*/
    grid-area: cabecera;
    background-color: lightskyblue;
}

.grid_layout .caja:nth-child(2) {
    /* grid-column: 1 / span 2;*/
    grid-area: menu;
    background-color: lightyellow;
}

.grid_layout .caja:nth-child(3) {
    grid-area: contenido;
    background-color: lightsalmon;
}

.grid_layout .caja:nth-child(4) {
    background-color: lightsalmon;
    grid-area: lateral;
}

.grid_layout .caja:nth-child(5) {
    /*  grid-column: 1 / span 2;*/
    background-color: lightsalmon;
    grid-area: footer;
}

.dentro_de_la_caja {
    display: grid;
    grid-template-columns: auto;
    background: yellow;
    width: 80%;
    height: 50%;
    align-items: center;
    /* Centra verticalmente */
    justify-content: center;
    /* Centra horizontalmente */
}


.dentro_de_la_caja h1, h2{
border: 2px dashed black;
padding: 5px;
}