:root {
  font-size: 16px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

html {
  overscroll-behavior: none; /* Remove accidental page refreshes on mobile */
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 1rem;
  padding: 0;
}

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

ol, ul {
  list-style: none;
}

img {
	height: auto;

  /* Ensure the entire image */
  max-width: 100%;

	/* Ensure the entire image fits within its box without cropping */
	object-fit: contain;
}


/* Alt text for images and quotes will be italicized for distinction */
q, img {
  font-style: italic;
}

:where(
  p,
  li,
  blockquote,
  pre,
  code,
  dd,
  dt,
  figcaption,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  max-width: 75ch;
}