:root {
    --white-color: #fff;
    --black-color: #000;
    --text-color: #333;
    --border-color: #dbdbdb;
    --height-header: 56px;
    --width-navbar: 240px;
    --width-contaienr: body - var(--width-contaienr);
    --height-mobile-footer: 50px;
    --height-tablet-navbar: 64px;
}

* {
    box-sizing: inherit;
    margin: 0;
}

html {
    font-size: 62.5%;
    line-height: 1.6rem;
    scroll-behavior: smooth;
    /* font-family: 'roboto', arial, sans-serif; */
    font-family: sans-serif;
    box-sizing: border-box;
}

button, a {
    outline: none;
}

button:active, a:active {
    outline: none;
}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 100px;
    width: 12px;
}

body::-webkit-scrollbar-thumb {
    background-color: #606060;
    border-radius: 100px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #888;
}