*,
      *::before,
      *::after {
        box-sizing: inherit;
      }
      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        min-height: 100%;
      }
      body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: var(--letter-spacing-body);
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }
      section {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }
      #MainContent {
        flex-grow: 0;
      }
      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }