body {
  max-width: 45rem; /* max-width: 720px; */
  margin-top: 0rem; /* margin-top: 0px; */
  margin-bottom: 15rem; /* margin-bottom: 240px; */
  margin-left: 2.5rem; /* margin-left: 40px; */
  margin-right: 2.5rem; /* margin-right: 40px; */
  padding: 0rem; /* padding: 0px; */
  /* font-family: "Inter", "Montserrat", "Noto Sans", "DejaVu Sans", sans-serif; */
  font-family: "Inter", sans-serif;
  font-feature-settings: "liga" 1, "calt" 1; /* fix for inter on chrome? */
  font-optical-sizing: auto;
  font-size: larger;
  font-weight: 300;
  font-style: normal;
  background-color: black;
  /* background-color: Canvas; */
  color: white;
  color-scheme: dark;
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

/* .container {
  display: grid;
} */

img, picture, video {
  max-width: 100%;
}

:where(main ol, main ul) {
  margin-inline-start: 0rem;
  padding-inline-start: 1rem;
}

p {
  line-height: 1.5;
}
ul {
  line-height: 1.5;
}
li {
  line-height: 1.5;
}

strong {
  font-weight: 700;
}

h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: 900;
}

h2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

@media (max-width: 40em) {
  body {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}