body {
    font: 100%/1.5 system-ui;
    max-width: 100ch;
    margin-inline: max(1em, (100% - 80ch) / 2);
    writing-mode: horizontal-tb;
    padding: 1em;
    accent-color: var(--color-accent);
    background-color: rgb(247, 243, 237);

   }

img {
    max-width: 100%;
    height: auto;
    border-width: .25em;
    border-color: black;
    border-style: solid;
}

h1 {
    font-size: 3vw;
    text-align: center;
  }

  h2 {
    font-size: 200%;
  }

  h3 {
    font-size: 150%;
  }

  h4 {
    font-size: 120%;
    text-align: center;
  }

  a {
    color: black;

  }

  a:hover{
    background-color: rgb(208, 226, 242);
    border: 2px solid white;
    border-radius: 4px;
    padding: 10px;

  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    text-wrap: balance;
    padding: .5em;
  }