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

nav a {
    text-decoration: none;
    
}

            #header {
                grid-area:header;
                padding: 50;
                text-align: center;
            }
            #footer {
                grid-area: footer;
                background: #FDFD96;
                padding: 50px;
                text-align: center;
                
            }
            #article {
                grid-area: article;
                text-align: center;
                 background:  #87FF8D;
            }