html, body { width: 100%; height: 100%; margin: 0; scroll-behavior: smooth; /* Smooth scrolling across the entire app */}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    /*pointer-events: none; !* Prevents context menu on right-click *!*/
    user-select: none;
}

button {
    font-family: unset;
}

/* Landscape orientation */
@media screen and (orientation: landscape) {
    /*body {*/
    /*    overflow-x: hidden;*/
    /*}*/
}

/* Portrait orientation */
@media screen and (orientation: portrait) {
    /*html {*/
    /*    overflow-x: hidden;*/
    /*    overflow-y: hidden;*/
    /*}*/
}

/* Small devices (mobile phones) */
@media screen and (max-height: 600px) {

}


/* Small devices (mobile phones) */
@media screen and (max-width: 600px) {
}

/* Medium devices (tablets) */
@media screen and (min-width: 601px) and (max-width: 900px) {
}

/* Large devices (laptops/desktops) */
@media screen and (min-width: 901px) and (max-width: 1200px) {
}

/* Extra large devices (large desktops) */
@media screen and (min-width: 1201px) {
}

/* For WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 6px; /* Narrow scrollbar width */
    height: 6px; /* Also apply to horizontal scrollbars */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(150, 150, 150, 0.5); /* Light gray thumb with some transparency */
    border-radius: 10px; /* Rounded thumb for a smoother look */
    border: 2px solid rgba(240, 240, 240, 0.3); /* Adds a subtle outline to the thumb for visibility */
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 100, 0.7); /* Slightly darker on hover */
}

::-webkit-scrollbar-track {
    background-color: rgba(240, 240, 240, 0.1); /* More transparent track for a cleaner look */
    border-radius: 10px; /* Rounded track for consistency with the thumb */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); /* Subtle shadow to define the track area */
}

/* For Firefox */
* {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: rgba(150, 150, 150, 0.5) transparent; /* gold*/
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth; /* Smooth scrolling throughout the app */
}