html, body {
        margin: 0;
        height: 100%; /* Ensure html and body take full height */
        overflow: hidden; /* Prevent scrollbars if content overflows */
    }

    .fullscreen-bg {
        background-image: url('black_friday.jpg'); /* Replace with your image path */
        background-size: contain; /* Ensures the image covers the entire area */
        background-position: center center; /* Centers the image */
		 background-color:#000000;
        background-repeat: no-repeat; /* Prevents image repetition */
        width: 100vw; /* 100% of viewport width */
        height: 100vh; /* 100% of viewport height */
        position: fixed; /* Fixes the background to the viewport */
        top: 0;
        left: 0;
        z-index: -1; /* Places the background behind other content */
    }