.content {
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 10px;
  height: 100%;
  width: 100%;
  font-family: system-ui;
  margin-bottom: 10px;

}

.content p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}


.content .summary {
  display: grid;
  align-content: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
  color: white;
  background-color: hotpink;
  padding: 5px;
}

.content .footer {
  background-color: hotpink;
  padding: 5px;
  color: white;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
}

.content .spacer {
  height: 1px;
}

.content img {
  width: 100%;
}