/* Reset body margin and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Press Start 2P', cursive;
}
body, html {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: Arial, sans-serif;
    background-color: rgb(66, 165, 245);
    overscroll-behavior: none;
}
body{
    position: relative; /* the scrolling page is the body, so page-tall layers are positioned against it */
}

.no-scrollbar{
    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}


/* ----------------------------------------
PROJECT STYLES
------------------------------------------- */



.no-animations * {
    visibility: hidden;
    animation: none !important;
    transition: none !important;
}