body {
  display: grid;
  justify-content: center;
  height: 95lvh;
  align-content: center;
}

.grid-cont-diary {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 60lvw;
}

.diary-nav {
  grid-column: auto / span 3;
  border: solid red 1px;
  padding: 10px;
  text-align: center;
  background-color: aliceblue;
    & a:hover {color: red;}
    & a:active {border-bottom: 0px; color: red;}
}

.diary-scroll {
  background-color: aliceblue;
  grid-column: auto / span 12;
  height: 75vh;
  overflow: scroll;
}

.diary-post {
  widows: 90%;
  background-color: floralwhite;
  margin: 15px;
  padding: 10px;
}

@media only screen and (width <= 1200px) {
	.grid-cont-diary {width: 90lvw;}
	.diary-nav {grid-column: auto / span 12;}
}