:root {
    --coffeerun-beans: rgba(92, 53, 30, 1);
    --coffeerun-button: rgba(205, 175, 153, 1);
    --coffeerun-latte: rgba(234, 215, 202, 1);
    --coffeerun-cream: rgba(245, 241, 237, 1);
    --header-height: 60px;
    --h1-font-family: "Tahoma-Regular", Helvetica;
    --h1-font-weight: 400;
    --h1-font-size: 32px;
    --h1-letter-spacing: 0px;
    --h1-line-height: normal;
    --h1-font-style: normal;
    --h2-font-family: "Tahoma-Regular", Helvetica;
    --h2-font-weight: 400;
    --h2-font-size: 20px;
    --h2-letter-spacing: 0px;
    --h2-line-height: normal;
    --h2-font-style: normal;
    --body-font-family: "Tahoma-Regular", Helvetica;
    --body-font-weight: 400;
    --body-font-size: 14px;
    --body-letter-spacing: 0px;
    --body-line-height: 0px;
    --body-font-style: normal;
    --button-font-family: "Tahoma-Regular", Helvetica;
    --button-font-weight: 400;
    --button-font-size: 10px;
    --button-letter-spacing: 0px;
    --button-line-height: normal;
    --button-font-style: normal;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}