:root {
  --buffer: max(5vw, 5vh);
}

main#main--about {
  min-height: calc(100vh - (2 * var(--buffer)));
  max-height: calc(100vh - (2 * var(--buffer)));

  min-width: calc(100vw - (2 * var(--buffer)));
  max-width: calc(100vw - (2 * var(--buffer)));

  padding: var(--buffer);
}

div#content {
  min-height: calc(100% - (1.6 * var(--buffer)));
  max-height: calc(100% - (1.6 * var(--buffer)));

  min-width: calc(100% - (1.6 * var(--buffer)));
  max-width: calc(100% - (1.6 * var(--buffer)));

  display: block;

  border-image-source: url(../img/borders/Border2.png);
  border-image-outset: 4px;
  border-image-slice: 12 fill;
  border-image-repeat: stretch;
  border-image-width: 24px;

  padding: calc(0.8 * var(--buffer));

  display: flex;
  flex-direction: column;

  overflow-y: scroll;
}

p#bio, li>a {
  margin: 0;
  font-size: 1.6rem;
}

a {
  color: var(--color-black);
  font-weight: 900;
}

li>a {
  font-weight: 700;
  text-decoration: none;
}

a#back {
  font-size: 1.2rem;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 1rem;
}

a:visited {
  color: var(--color-black);
}