body {
  background-color: rgb(100, 185, 100);
  color: rgb(20, 66, 20);
  text-align: center;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.posts {
  background-color: peachpuff;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: fit-content;
  border-radius: 4px;
  max-height: 80vh;
  overflow-y: scroll;
}

.post {
  color: rgb(78, 55, 55);
  background-color: rgb(175, 221, 175);
  padding: 4px;
  border-radius: 4px;
  text-align: left;
  width: fit-content
}

.post h2 {
  width: 100%;
  margin: 2px;
}

.post div {
  display: flex;
}

.post img {
  width: 200px;
  border-radius: 4px;
}

.post p {
  max-width: 240px;
  padding: 4px;
  border-radius: 4px;
  background-color: rgb(195, 236, 195);
}

.column {
  margin: 8px;
}

.blue {
  background-color: rgb(99, 168, 214);
}

.blue p {
  background-color: rgb(195, 231, 236);
}