body {
    margin: 0;
    overflow-x: hidden;
}

main {
    width:100%;
    position:fixed;
}

/* primary scrollbar */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background: #ff6699;  
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    border: 1px solid #ff6699;
    border-radius: 10px;
}

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

/* miniature scrollbar */
.mini-scrollbar::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.mini-scrollbar::-webkit-scrollbar-thumb {
    background: #0080ff;
    border-radius: 10px;
}

.mini-scrollbar::-webkit-scrollbar-track {
    border: 1px solid #0080ff;
    border-radius: 10px;
}

.mini-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #4fb9ff;  
}