body {
  text-align: center;
  cursor: url('images/fruit_0031.gif'), auto;
  background-color: rgb(34, 172, 0);
  font-size: 1.5em;
}

main {
  min-height: calc(100vh - 211px);
}

/*image positioning*/
.top-left-image {
  position: absolute;
  top: 25px;
  left: 25px;
}

.top-right-image {
  position: absolute;
  top: 25px;
  right: 25px;
}


/*layout*/
.container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 4px 4px;
}

.header {
  grid-area: 1 / 1 / 2 / 6;
}

.footer {
  grid-area: 5 / 1 / 6 / 6;
  border: 1px solid rgb(0, 0, 0);
}

.sidebar {
  grid-area: 2 / 1 / 5 / 2;
  border: 1px solid rgb(0, 0, 0);
}

.body {
  grid-area: 2 / 2 / 5 / 6;
  border: 1px solid rgb(0, 0, 0);
}