$body-font-color : white;

@mixin common-styles() {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-transform: uppercase;
        font-weight: 700;
        color: $body-font-color;;
    }
    
    body {
        font-family: $body-font-family;
        font-size: $font-size;
        line-height: 1.3;
        font-weight: normal;
        background: transparent;
        color: $body-font-color;
        overflow-y: auto;
        //IE Scrollbar
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    p {
        font-family: $body-font-family;
        font-size: $font-size-lg;
        margin: 0 0 0.6rem 0;
    }
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: rgba(136, 136, 136, 0.15); 
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: rgba(136, 136, 136, 0.2); 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(85, 85, 85, 0.3); 
    }
}