html {
    box-sizing: border-box;
    line-height: 1.15;
}

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

:root {
    -moz-tab-size: 4;
    tab-size: 4;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
                    Roboto, Helvetica, Arial, sans-serif, 
                    'Apple Color Emoji', 'Segoe UI Emoji',
                    'Segoe UI Symbol';
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    height: 0;
}

abbr[title] {
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp, pre {
    font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

small {
    font-size: 80%;
}

sub, sup {
            font-size: 75%;
                line-height: 0;
                    position: relative;
                        vertical-align: baseline;
                    }

                    sub {
                            bottom: -0.25em;
                        }

                        sup {
                                top: -0.5em;
                            }

                            /* Forms
                             *    ========================================================================== */

    /**
     *  * 1. Change the font styles in all browsers.
     *   * 2. Remove the margin in Firefox and Safari.
     *    */

    button,
    input,
    optgroup,
    select,
    textarea {
            font-family: inherit; /* 1 */
                font-size: 100%; /* 1 */
                    line-height: 1.15; /* 1 */
                        margin: 0; /* 2 */
                    }

                    /**
                     *  * Remove the inheritance of text transform in Edge and Firefox.
                     *   * 1. Remove the inheritance of text transform in Firefox.
                     *    */

    button,
    select { /* 1 */
            text-transform: none;
        }

        /**
         *  * Correct the inability to style clickable types in iOS and Safari.
         *   */

    button,
    [type='button'],
    [type='reset'],
    [type='submit'] {
            -webkit-appearance: button;
        }

        /**
         *  * Remove the inner border and padding in Firefox.
         *   */

    button::-moz-focus-inner,
    [type='button']::-moz-focus-inner,
    [type='reset']::-moz-focus-inner,
    [type='submit']::-moz-focus-inner {
            border-style: none;
                padding: 0;
            }

            /**
             *  * Restore the focus styles unset by the previous rule.
             *   */

    button:-moz-focusring,
    [type='button']:-moz-focusring,
    [type='reset']:-moz-focusring,
    [type='submit']:-moz-focusring {
            outline: 1px dotted ButtonText;
        }

        /**
         *  * Correct the padding in Firefox.
         *   */

    fieldset {
            padding: 0.35em 0.75em 0.625em;
        }

        /**
         *  * Remove the padding so developers are not caught out when they zero out
         *   *    `fieldset` elements in all browsers.
         *    */

    legend {
            padding: 0;
        }

        /**
         *  * Add the correct vertical alignment in Chrome and Firefox.
         *   */

    progress {
            vertical-align: baseline;
        }

        /**
         *  * Correct the cursor style of increment and decrement buttons in Chrome.
         *   */

    [type='number']::-webkit-inner-spin-button,
    [type='number']::-webkit-outer-spin-button {
            height: auto;
        }

        /**
         *  * 1. Correct the odd appearance in Chrome and Safari.
         *   * 2. Correct the outline style in Safari.
         *    */

    [type='search'] {
            -webkit-appearance: textfield; /* 1 */
                outline-offset: -2px; /* 2 */
            }

            /**
             *  * Remove the inner padding in Chrome and Safari on macOS.
             *   */

    [type='search']::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        /**
         *  * 1. Correct the inability to style clickable types in iOS and Safari.
         *   * 2. Change font properties to `inherit` in Safari.
         *    */

    ::-webkit-file-upload-button {
            -webkit-appearance: button; /* 1 */
                font: inherit; /* 2 */
            }

            /* Interactive
             *    ========================================================================== */

    /*
     *  * Add the correct display in Chrome and Safari.
     *   */

    summary {
            display: list-item;
        }