:root {
  --header-height: 50px;
  --footer-height: 50px;
  --calc-footer-height: calc(var(--footer-height) - var(--header-height));
  --footer-background: #222;
  --footer-text-color: #fff;
}
main {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
section {
  width: 100%;
}
.person-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.person {
  padding: 2rem;
  border-radius: 1rem;
  width: min(85%, 850px);
  flex-direction: row-reverse;
  background-color: var(--section-highlight);
}
.person-information {
}
.person-picture {
  position: relative;
  width: min(65%, 17.5rem);
  aspect-ratio: 5/6;
}
footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1.5rem;
  background-color: var(--footer-background);
  color: var(--footer-text-color);
}
footer a {
  color: var(--footer-text-color);
  text-decoration: none;
  font-weight: bold;
}