/* kemo-star's CSS reset.
   The goal of this stylesheet is to make a bunch of CSS default styles a bit saner. */

/* rem reset: instead of using raw px, refer to rem instead.
   That way styles like padding or rounded corners scale properly for folks with increased text size. */
html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
}

*,
*::before,
*::after {
    /* Regarding usage of margins: prefer padding over margins when the visual result is otherwise the same. */
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box; /* more intuitive than the default content-box */

    font: inherit; /* inherit font for <button> et al. */
    font-size: 100%; /* require overriding all font sizings (headers etc.) explicitly */
    text-size-adjust: none; /* prevent Chrome-based mobile browsers from blowing up text sizings */

    list-style: none;
    quotes: none;
}