html,
body {
    // font-family: "Roboto", sans-serif;
    font-family: var(--askella-font-family);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    word-break: break-word;
    //prevent flashing on load. Introduced "bug" in Chrome, therefore not used
}
//prevent the colored highlighting of links on certain elements (for menu items) on chrome
.webkitNoSelect {
    -webkit-tap-highlight-color: transparent; 
} 
// Webkit scrollbar
/* width */
::-webkit-scrollbar {
    width: 5px;  
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--askella-default-bg-color);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--askella-font-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--askella-menu-bg-color);
}