@import url("css/normalize.css");
@import url("css/typography.css");

body{
  background:#cdcdcd);
  
}

.grid-container{
  margin:0 auto;
  max-width:120ch;
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr auto;
  
}

header, main, footer{
  padding:1rem;
}
header{
  width:100%;
  display:flex;
  justify-content:space-between;
  padding:1rem; 
}

.logo p{
  font-size:3rem;
}


header .nav{
  align-self:flex-start;
}

footer{
  border-top:1px solid red;
}

section{
  border-top:1px solid red;
  border-bottom: 1px solid red;
  margin:2rem 0;
  padding:1rem 0;
}