* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    background-image: url('../../../public/img/bg/texture.png');
    background-attachment: fixed;
    background-blend-mode: overlay;
}
main {
    min-height: 100vh;
    height: auto;

    background-image: url('../../../public/img/bg/bg_home.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    background-size: contain;
}


/* Selection */
::selection {
    background-color: var(--soft-black);
    color: var(--white);
}


/* Scroll bar */
html::-webkit-scrollbar {
    background-color: var(--soft-black);
    width: 16px;
}
html::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
}
html::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    
    border: 6px solid var(--soft-black);
    border-radius: 10px;
} html::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 100, 100);
    border-radius: 10px;
} html::-webkit-scrollbar-thumb:active {
    background: rgb(68, 68, 68);
    border-radius: 10px;
}




/* ----
MEDIA QUERIES
---- */
@media screen and (max-width: 1200px) {
}