@layer default {
  html {
    box-sizing: border-box;
    height: 100vh;
  }

  body {
    min-height: 100%;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  /* Everything inside body is laid out in content-box. Only elements that set
     border-box themselves, and their descendants, use it. */
  body > * {
    box-sizing: content-box;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
}