body {
  background-color: #414b9e;
  color: white;
  font-family: Helvetica;
}

.box {
    max-width: 1200px; 
    margin: 50px auto;
    display: grid;
    grid-template-rows: 180px 300px 300px 100px;
    grid-template-columns: 250px 300px 300px 300px;
    grid-gap: 25px;
    text-align: center;
}

header {
  border-style: solid;
  border-width: 8px;
  border-color: #9792cb;
  border-radius: 15px;
  background-color: #aa74a0;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 5;
  word-spacing: 3em;
  letter-spacing: 1.5em;
  line-height: 120px;

}
  
nav {
  border-style: solid;
  border-width: 8px;
  border-color: #9792cb;
  border-radius: 15px;
  background-color: #aa74a0;
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 2;
  
}

main {
  border-style: solid;
  border-width: 8px;
  border-color: #9792cb;
  border-radius: 15px;
  background-color: #aa74a0;
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 5;
 
}

footer {
  border-style: solid;
  border-width: 8px;
  border-color: #9792cb;
  border-radius: 15px;
  background-color: #aa74a0;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 5;
 
}