* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

div#container {
  background-color: #b5d5f7;
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  grid-template-columns: 20px 100px 20px 1fr 100px 20px;
  grid-template-rows: 60px 50px 400px 370px 20px;
  grid-template-areas: ". . header header . . " "aside aside  nav  nav     . . " "aside aside  main  main   . . " "aside aside    .     .    . . " "footer footer footer footer footer footer ";
}
div#container > header {
  display: flex;
  grid-area: header;
  height: 14ch;
  background-color: aquamarine;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
}
div#container > header > h1 {
  font-size: 14ch;
  align-items: center;
  justify-content: center;
}/*# sourceMappingURL=mall.css.map */