body {
  display: grid;
  grid-template-rows: repeat(7, auto);
  grid-template-columns: 1fr 1fr 1fr;
  font-family: Arial, Helvetica, sans-serif;
  max-width: 80%;
  margin: auto;
  background-color: #A1C2BD;
}

footer {
  grid-row-start: -1;
  grid-column: 1/4;
  place-self: center;
}

#title {
  grid-row: 1;
  grid-column: 2/3;
  place-self: center;
  font-family: cursive;
  font-size: 24px;
  text-decoration: underline;
}

#toggle-switch {
  grid-row-start: 2;
  grid-column: 2/4;
}

#image-form {
  grid-row-start: 3;
  grid-column: 1/4;
}

#image-display-div {
  grid-row: 4;
  grid-column: 1/3;
}

#comment-form {
  grid-row: 5;
  grid-column: 1/4;
}

#comment-display-div {
  grid-row: 4;
  grid-column: 3/4;
}

#current-user-div {
  grid-row: 1;
  grid-column: 1;
  align-self: center;
  justify-self: left;
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
}

#current-user {
  font-size: 14px;
  text-decoration: underline;
}

#signout {
  grid-row: 1;
  grid-column: 3;
  align-self: center;
  justify-self: right;
}

#signout-icon {
  width: 50px;
  height: 50px;
  background-image: url("../media/logout.png");
  background-size: cover;
}

#change-user {
  display: grid;
  grid-template-columns: auto 0.75fr;
  grid-row: 2;
  grid-column: 1/2;
  align-items: center;
  /* gap: 15px; */
}