*{
  box-sizing: border-box;
}

body {
  margin: 0; 
  padding: 0;
  display: grid;
  justify-items: center;
  
}

header {
  font-size: 2rem;
  grid-area: header;
}

nav {
  justify-self: end;
  align-self: end;
  grid-area: nav;
}

main {
  grid-area: main;
  
}

hr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}



.site {
  display: grid;
  width: 80vw;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 
    "header nav"
    "main main";
    
  padding: 20px;
  /*border: 1px solid #5D6063;*/
}