.app {
    background: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    display: grid;
    grid-template-areas: 
    "encabezado"
    "contenido"
    "rodapie";
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto;
}

.header {
    grid-area: encabezado;
    align-items: center;
    display: flex;
    padding: 0 2rem;
}

.menu__link{
    color: #333333;
    padding: 5rem 1rem ;
}

.menu__link:hover, .menu__link:activo{
    border-bottom: 2px solid #0073e6; 
}

.contenido {
    grid-area: contenido;
}

.rodapie {
    background: #fdfdfd;
    color: #333333;
    padding: 1rem;
    grid-area: rodapie;
    text-align: center;
}