    *:not(input):not(select):not(code):not(textarea):not([contenteditable]) {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    body {
        font-family: "Poppins", sans-serif;
        background-color: #000;
        color: #fff;
        font-size: 16px;
        margin: 0;
        padding: 0;
        overflow-y: scroll;
    }

    #background-img {
        position: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-filter: brightness(0.6) blur(20px);
        -o-filter: brightness(0.6) blur(20px);
        -ms-filter: brightness(0.6) blur(20px);
        filter: brightness(0.6) blur(20px);
        transition: filter 0.5s, -webkit-filter 0.5s, -o-filter 0.5s, -ms-filter 0.5s, opacity 0.5s ease-in-out; /* Use transition for smoother effect */
    }

    #background-img.darker {
        -webkit-filter: brightness(0.2) blur(20px);
        -o-filter: brightness(0.2) blur(20px);
        -ms-filter: brightness(0.2) blur(20px);
        filter: brightness(0.2) blur(20px);
    }

    .fade-in-bg {
        opacity: 1; /* Make the background visible */
    }

    .fade-out-bg {
        opacity: 0; /* Fade out the background */
    }

    /* Fade-in animation for background */
    @keyframes fadeInBg {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }