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

}


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

.logo {
  grid-area: logo;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 10%;
/*  width: 50%;*/
}

.blurb {
  grid-area: blurb;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10%;
  font-size: 20px;
}

.container {

  display: grid;
  width: 66%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: [row1-start] 10% [row1-end] 40% [third-line] auto [last-line];
  grid-template-areas: 
    "header header header header"
    "logo logo logo logo"
    "blurb blurb blurb blurb";
}