::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-thumb{ background-color: #eb353e; }
::-webkit-scrollbar-track { background-color: #161620; }

:root{
    /* Breakpoints */
    --breakpoint-xl: 1280px;
    --breakpoint-lg: 1024px;
    --breakpoint-md: 768px;
    --breakpoint-sm: 360px;

    /* Font Family Default */
    --font-family: 'Inter', sans-serif;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}

html{
    background-color: #F7F7F7;
    scroll-behavior: smooth;
}

body{
    font-family: var(--font-family);
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
    "slnt" 0;
    font-size: 1rem;
    color: #161620;
}

body{
    overflow-x: hidden;
}

img, picture{
    max-width: 100%;
    user-select: none;
    -webkit-user-drag: none;
}

/* Don't Select */
h1,h2,h2,h3,h4,h5,h6,a,small,i,label,button,img{ user-select: none; }

.no-scroll{
    overflow: hidden !important;
}

.pointer{
    cursor: pointer;
}

.ad-hidden{
    display: none;
}

header, #nav{ z-index: 2; }
main, footer{ z-index: 1; }

@-webkit-keyframes updown{
    0%{
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50%{
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100%{
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes updown{
    0%{
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50%{
        -moz-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100%{
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-o-keyframes updown{
    0%{
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50%{
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }

    100%{
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes updown{
    0%{
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50%{
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px);
    }
    100%{
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes scroll{
    0% {
    transform: translateX(0%);
    }
    100% {
    transform: translateX(-50%);
    }
}

@keyframes slideAnimation{
    0%{
        transform: translateX(-100%);
        opacity: 0;
    }

    75%{
        opacity: 0.25;
    }

    100%{
        transform: translateX(0);
        opacity: 1;
    }
}