.area{
    /* background: linear-gradient(225deg, rgb(8, 125, 164) 3%, rgb(35, 164, 207) 38%,rgb(8, 125, 164) 68%, rgb(35, 164, 207) 98%); */
    background: linear-gradient(rgb(255, 255, 255) 0%, rgba(55, 0, 255, 0.2) 100%), linear-gradient(120deg, #fd64e6 0%, #b8b7fd 20%, #ced9ff 55%, #b8b7fd 70%, #d4abf3 100%);
    background-size: 100% 100%;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    position: fixed;
    top: 0;
    z-index: 0;
}

/* width */
.sidebar ::-webkit-scrollbar {
    width: 0px !important;
    cursor: pointer !important;
}

::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    cursor: pointer !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #a4bccd;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0080d588 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #0080d5 !important;
}