html {
    font-size: 62.5%;
    overflow-y: scroll;

    /* scrollbar styles for Firefox */
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    /**/

    /* scrollbar styles for Chromium */
    &::-webkit-scrollbar {
        height: auto;
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
    }

    &::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
    }
    /**/
}

* {
    box-sizing: border-box;
}

body {
    background: var(--body-background);
    margin: 0;
    font-family: var(--base-font-family);
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}