body {
            overflow: auto;
            background-image: url('../res/sunset.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            color: white;
            background-color: rgb(164, 108, 204);
            position: relative;
			padding-bottom: 150px; /* Prevents content overlap with bottom background */
        }

        .centered {
            display: block;
        }

        .main {
            background: rgba(255, 255, 255, 0.35);
            border-radius: 10px;
            padding: 20px;
            margin: 50px auto;
            width: 30%;
            max-height: none;
            overflow: visible;
            text-align: center;
        }

        .header {
            text-align: center;
            height: 70px;
            padding: 20px;
            color: white;
        }

        .footer {
            text-align: center;
            height: 119px;
        }

        a {
            font-family: Arial, sans-serif;
            color: #D3D3D3;
        }

        a:active {
            color: #333333;
        }

        a:hover {
            color: #FF8A3D;
        }

        .falling-burger {
            position: fixed;
            top: -100px;
            z-index: 9999;
            pointer-events: none;
            animation: rotate 3s linear infinite;
            pointer-events: none;
        }
		.bottomright {
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: 15%;
		}

        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        span.inline-style {
            color: white;
            font-family: Helvetica, Arial, sans-serif;
        }

        img.inline-style {
            width: 256px;
		
        }
		
		.bottom-background {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%; /* Set to your image's natural height */
			background-image: url('../res/synth/bunger_synth-grid_glow-lower.png');
			background-size: 100% auto; /* Scales width to 100%, maintains aspect ratio */
			background-repeat: no-repeat;
			background-position: bottom center;
			z-index: -2;
		}
		.bottom-stars {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url('../res/synth/bunger_synth-stars.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			z-index: -10;
			opacity: 0; /* Start fully transparent */
			transition: opacity 1s ease-in; /* Fade duration */
		}
		
		.bottom-stars.fade-active {
			opacity: 0.75; /* Fully visible when active */
		}
				/* New rising image styles */
		.rising-image {
			position: fixed;
			bottom: -1000px; /* Adjust based on your rising image height */
			left: 50%;
			transform: translateX(-50%);
			width: 100%; /* Adjust to your rising image's natural width */
			height: 100%; /* Adjust to your rising image's natural height */
			background-image: url('../res/synth/bunger_synth-sun2.png'); /* Update path */
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center; /* Ensures proper alignment */
			z-index: -5;
			transition: bottom 0.5s ease-out; /* Slightly slower transition */
		}
		
		.rising-active {
			bottom: 50px; /* Where it stops - adjust this value */
		}
		
		.utopia-fore {
			position: fixed;
			bottom: -400px; /* Start slightly below the bottom */
			left: 0;
			width: 100%;
			height: 100%; /* Set to your image's natural height */
			background-image: url('../res/synth/utopia_fore2.png');
			background-size: 60% auto; /* Scales width to 60%, maintains aspect ratio */
			background-repeat: repeat-x;
			background-position: bottom center;
			image-rendering: pixelated;
			z-index: -1;
			opacity: 1; /* Start at 0.75 opacity */
			transition: bottom 0.3s ease-out, opacity 0.3s ease-out; /* Smooth transitions */
		}