/* 
 * reset.css
 * Resets any annoying styling we don't want that is set by most popular browsers.
 * A lot of this is taken from Josh Comeau's "A Modern CSS Reset"
 *  https://www.joshwcomeau.com/css/custom-css-reset
 * 
 * This should really be included in every page.
 */


 /* Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Remove default margin 
   (dialogs use margin for centering, so those are exempt) */
*:not(dialog) {
  margin: 0;
}

/* Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* Improve line wrapping */
p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}