:root {
    --tinggi-header: 84.8px;
    --scroll-track: rgba(35, 28, 22, 0.9);
    --scroll-thumb: #b8860b;
    --scroll-thumb-hover: #cf9c19;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #86621f var(--scroll-track);
}

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

*::-webkit-scrollbar-track {
    background: var(--scroll-track);
    border-left: 1px solid rgba(255, 255, 255, 0.04);
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--scroll-thumb), #86621f);
    border-radius: 999px;
    border: 2px solid rgba(0, 0, 0, 0.25);
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--scroll-thumb-hover), #9a731f);
}

*::-webkit-scrollbar-corner {
    background: var(--scroll-track);
}

.c-height-dikurang-header {
    height: calc(100vh - var(--tinggi-header) * 2 - (var(--tinggi-header)/2)) !important;
}

#home {
    width: min(90vw, calc(100% - 2.5rem)) !important;
    margin-inline: auto !important;
    margin-top: 4rem !important;
}

.-c-mr-6 {
    margin-right: 3rem;
}

@media (max-width: 980px) {
    .c-height-dikurang-header {
        height: inherit !important;
    }

    .-c-mr-6 {
        margin-right: calc(0.1 * width);
    }
}

@media (max-width: 620px) {
    #home{
        margin-top: 2vh !important;
    }
}