body {  
    height: 100%;
    display: grid;
    place-items: center;
    color: #5889ef;
    font-size: 20px;
    align-content: flex-start;
}


.topnav {
  grid-area: header;
  font-size: 40px;
}

.about {
  grid-area: about;
}

.container {

  display: grid;
  width: 66%;
  grid-template-columns: [col0] 10% [col1] 40% [col2] 40% [col3] 10% [col4];
  grid-template-rows: [row0] 10% [row1] 200px [row2] 200px [row3];
  grid-template-areas: 
    "header header header header"
    "abtlogo abtlogo abtlogo abtlogo"
    ". about about .";
}