/* CSS Hoja de estilo. indice_grid.css */
nav p {
    color: brown;
}
footer p {
    color: blue;
}
aside p {
    color: darkgreen;
}
#logo {
   
    width: 9em;
}
h1 {
    font-size: 1.3em;
    margin-left: 5px;
    margin-right: 10px
}

.contenedor_grid { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 20% 70% 20%;
}
header {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
h1 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}
nav {
  grid-row: 1 / 2;
  grid-column: 3 / 5;
}
main {
  grid-row: 2 / 3;
  grid-column: 1 / 4 ;
}
aside {
  grid-row: 2 / 3;
  grid-column: 4 /4 ;
    text-align: right
}
footer {
  grid-row: 3 / 4;
  grid-column: 1 / 5 ;
  display: flex;
  justify-content: space-between
}