:root {
  --site-background-color: #dddddd;
}

html,
body {
  min-height: 100vh;
}

body {
  overflow: hidden;
  background-color: var(--site-background-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}

wrap-margin {
  overflow: hidden;
}

/* header that has h1 as immediate child  */
header:has(> h1) {
  overflow: hidden;
}

main {
  text-align: center;
}

footer {
  overflow: hidden;
  text-align: center;
}