body {
  display: grid;
  justify-items: center;
  height: 100svh;
  align-items: center;
  background-image: url("diary-back.jpg");
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
  width: 800px;
  height: 800px;
}

.diary-title {
  grid-area: 1/2/1/12;
    & img {width: 100%;}
}

aside {
  margin: 5px;
  grid-row: 2/auto;
  display: flex;
  flex-direction: column;
}

a {text-decoration: none;}

.nav-brown {
  margin: 5px;
  border: solid black 2px;
  border-radius: 15px;
  background-color: saddlebrown;
  padding: 15px;
}

.nav-brown:hover {background-color: darkgreen; transition-duration: 0.4s;}

.nav-text {
  color: antiquewhite;
  text-align: center;
}

.nav-green {
  margin: 5px;
  border: solid black 2px;
  border-radius: 15px;
  background-color: DarkGreen;
  padding: 15px;
}

main {
  grid-row: 2/auto;
  grid-column: auto/span 5;
  background-color: saddlebrown;
}
.main-content {
  background-color: antiquewhite;
  margin: 10px;
  padding: 10px;
}