::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #23232300; 
}

::-webkit-scrollbar-thumb {
    background: #181818; 
}

::-webkit-scrollbar-thumb:hover {
    background: #323232; 
}

body {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gradient-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.gradient-object {
    position: absolute;
    width: 1500px;
    height: 1500px;
    mix-blend-mode: lighten;
    background: radial-gradient(circle at center, rgba(32,32,32,1) 10%, rgba(7,7,7,0.8) 70%, rgba(7,7,7,0) 100%);
    /* background: red; */
    border-radius: 50%;
    animation: moveGradient 15s infinite ease-in-out;
}

@keyframes moveGradient {
    0% {
        transform: translate(-60%, -45%);
    }
    50% {
        transform: translate(-30%, -60%); 
    }
    100% {
        transform: translate(-60%, -45%);
    }
}