/* =======
    RESET
   ======= */
/* remove all margins from certain elements */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
    margin: 0;
    padding: 0;
}


/*  Remove default table spacing. */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;` on fieldsets. */
fieldset {
    min-width: 0; /* [1] */
    border: 0;
}

/* ============
    BOX SIZING
   ============ */
html {
    box-sizing: border-box;
}

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

/* =========
    spacing
    ======== */
* + address,
* + article,
* + aside,
* + audio,
* + blockquote,
* + canvas,
* + dd,
* + div,
* + dl,
* + fieldset,
* + figcaption,
* + figure,
* + footer,
* + form,
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6,
* + header,
* + hgroup,
* + hr,
* + main,
* + nav,
* + noscript,
* + ol,
* + output,
* + p,
* + pre,
* + section,
* + table,
* + tfoot,
* + ul,
* + video {
    margin-top: 24px;
}

/* ===============
    HTML DEFAULTS
   =============== */
html {
    font-size:  16px; /* [1] */
    line-height: 24px; /* [1] */
    /*background-color: #fff;*/
    color: #000;
    overflow-y: scroll; /* [2] */
    min-height: 100%; /* [3] */

    /* stylelint-disable property-no-vendor-prefix */
    -webkit-text-size-adjust: 100%; /* [4] */
    -ms-text-size-adjust: 100%; /* [4] */
    -moz-osx-font-smoothing: grayscale; /* [5] */
    -webkit-font-smoothing: antialiased; /* [5] */
    /* stylelint-enable */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-weight: 400;
}

img {
    max-width: 100%; /* [1] */
    height: auto;
    font-style: italic; /* [2] */
    vertical-align: middle; /* [3] */
}


/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
/* stylelint-disable selector-no-qualifying-type */
img[width], /* [1] */
img[height] {  /* [1] */
    max-width: none;
}

/* ==========================
    Overrides from other CSS
   ========================== */
input[type="text"],
select {
    width: 100%;
}

#content {
    max-width: 960px;
}