body {
    display: grid;
    grid-template-areas: 
         "header header"
          "nav article"
        "footer footer";
    grid-template-rows: 10% 90%; 
    grid-template-columns: 30% 1fr;
    height: 100vh;
    margin: 0;
    background: white;
            }
          
footer, article, div, aside  {
    background: #61F7FF;
    padding: 25px;
            }
header {
    background:#FDFD96;
}
p {
    font-family:sans-serif;
    font-size: 20px;
}
h1 {
    font-family: sans-serif;
    font-size: 40px;
}
nav {
    background: aqua;
    padding: 5px;
    font-family: arial;
    background:#61F7FF;
    
    
}
.navegacion{
    padding-top:60px;
}
aside {
    background: aqua;
    padding: 5px;
    font-family: arial;
    background:#61F7FF;
}

nav a {
    text-decoration: none;
}

header {
    grid-area:header;
    text-align: center;
            }
footer {
    grid-area: footer;
    background: #FDFD96;
    text-align: center;
    bottom: 0;
                
        }
article {
    grid-area: article;
    text-align: justify;
    background: #87FF8D; 
            }