@font-face {
    font-family: "Avenir";
    src: url("../fonts/AvenirLTStd-Roman.otf");
}

html, body {
    font-family: "Avenir", sans-serif;
}

.font-xxs {
    font-size: 12px;
    line-height: 14px;
}
.font-xs {
    font-size: 14px;
    line-height: 16px;
}

.font-sm {
    font-size: 16px;
}

.font-md {
    font-size: 18px;
}

.font-lg {
    font-size: 20px;
}

.weight-800 {
    font-weight: 800;
}

/* width */
#right-sidebar ::-webkit-scrollbar {
    width: 6px;
}

/* Track */
/* #right-sidebar ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(151, 110, 110);
    border-radius: 10px;
} */

/* Handle */
#right-sidebar ::-webkit-scrollbar-thumb {
    background: #89b1fa;
    border-radius: 10px;
}