body {
  background-image: linear-gradient(to bottom, #2C2C2C, PURPLE);
}


.box {
   max-width: 1000px;
   margin: 50px auto;
   display: grid;
   
   grid-gap: 15px;
}

nav {
  
  grid-row: 2 / 10;
  grid-column: 1/2;
  
  border: 4px coral groove;
  background-color: #853953;
  padding: 10px;
  font-size:100;
  border-radius: 25px;
}

main {
  grid-row: 2 / 4;
  grid-column: 2 / 4;
  
   border: 4px coral groove;
   background-color: #612D53;
   padding: 10px;
  font-size:125%;
  border-radius: 25px;
}


feet {
  grid-row: 4 / 5;
  grid-column: 1 / 4;
  
  border: 4px coral groove;
  background-color: #853953;
  padding: 10px;
  font-size:100%;
  border-radius: 25px;
}