/*
 * Custom CSS reset
 *
 * The goal here is to bring good defaults while keeping things simple.
 * Inspired by the following stylesheet reset:
 * - https://www.joshwcomeau.com/css/custom-css-reset/
 * - CSS in Depth (book)
 */

:root {
    font-size: 1rem;  /* change this value for a different font size, but keep its unit in rem! */
}

/* Make it easier to size elements by defining the size has padding+border+width|height.
 * Here we set it on the root and make all the elements on the page inherit it.
 * That way if a 3rd-party CSS is not compatible with border-box, then we can just set it like:
 * ".third-party {box-sizing: content-box}"
 */
:root {
    box-sizing: border-box;
}
*, ::before, ::after {
    box-sizing: inherit;
}

* {
    margin: 0;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* Remove built-in form typography styles */
input, button, textarea, select {
    font: inherit;
}

/* Un-style table header */
th {
    text-align: left;
    font-weight: normal;
}