@charset "UTF-8";

/* === scroll bar === */
::-webkit-scrollbar {
    background: linear-gradient(0deg, rgba(255, 0, 207, 0.15) 13.85%, rgba(0, 177, 255, 0.15) 87%), rgba(187, 51, 220, 0.2);
    width: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background: #311104;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #4f3c35;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

/* -moz- */
html,
body,
div,
section {
    scrollbar-color: #4f3c35 #311104;
    scrollbar-width: thin;
}

/* === === */