.banner { 
    grid-area: header;
    font-size: 12px; 
    background-color: #00458b;
}

.article { 
    grid-area: article; 
    font-family:verdana; 
    text-align:center;
    font-size: 22px;
    background-color: #99ddff;
}

.footer { 
    grid-area: footer;  
    font-size: 30px;  
    text-align:center;
    background-color: #fb8122;
}

.nav { 
    grid-area: nav;  
    font-size: 30px;  
    text-align:center;
    background-color: #3fd2c7;
    border-radius: 25px;
    margin-left:10px;
}

body{
  display: grid;
  grid-template-areas: 
    "header header"
	"nav article"
    "footer footer";
  grid-template-rows: 200px 1fr 70px;  
  grid-template-columns: 20% 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  min-height: 100vh;
  margin: 0;
  background:#FEF5ED;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}