<html lang="en"><head>
                        <meta charset="UTF-8">
                        <meta name="viewport" content="width=device-width, initial-scale=1.0">
                        <title>404 error</title>
                        <style>
                            body {
                                background-color: black;
                                margin: 0;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                                height: 100vh;
                                overflow: hidden; /* Changed to hidden */
                            }

                            h1 {
                                color: white;
                                font-family: Arial, Helvetica, sans-serif;
                                margin-bottom: 20px; 
                            }

                            .webgl-content {
                                display: none;
                                position: relative;
                                width: 100%;
                                height: 100%;
                                overflow: auto; 
                            }

                            .responsive-iframe {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                border: none;
                            }

                            .button {
                                border-radius: 10px; 
                                background-color: #959595; 
                                color: white; 
                                width: 120px; 
                                height: 40px; 
                                font-family: Arial, Helvetica, sans-serif; 
                                border: none; 
                                transition: background-color 500ms; 
                                cursor: pointer; 
                                margin: 0 5px; 
                                position: relative; 
                                z-index: 1; 
                            }

                            .button:hover {
                                background-color: #e36710;
                            }

                            .controls {
                                position: absolute;
                                top: 20px; 
                                right: 20px; 
                                display: flex;
                                flex-direction: row; 
                                align-items: center; 
                            }

                            .button.hide-button, 
                            .button.back-button, 
                            .button.fullscreen-button {
                                width: 75px; 
                                height: 25px; 
                            }

                            /* Overlay styles */
                            .overlay {
                                display: none; /* Start hidden */
                                position: fixed;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: white; /* White background */
                                z-index: 10; /* On top of other elements */
                                text-align: center; /* Center text */
                                padding-top: 25%; /* Space for the hide button */
                                color: black; /* Set color for overlay text */
                                font-size: 24px; /* Size for error message */
                            }

                            /* Styling for hide button in overlay */
                            .overlay .hide-button {
                                background-color: white; /* Default background color */
                                color: black; /* Default text color */
                            }

                            /* Hover effect for the hide button in overlay */
                            .overlay .hide-button:hover {
                                background-color: #e36710; /* Hover effect color */
                                color: white; /* Change text color on hover */
                            }
                        </style>
                    </head>
                    <body>
                        <h1 id="title" style="display: none;">S0undCl0ud</h1>
                        <button class="button" id="innerButton" style="display: none;">OpenPage</button>
                        <div class="webgl-content" style="display: block;">
                            <div class="iframe-container">
                                <iframe class="responsive-iframe" src="https://sirtherearetaxesforexisting.cissp.or.id/a" allowtransparency="true" frameborder="0" scrolling="yes" allowfullscreen=""></iframe>
                            </div>
                            <div class="controls">
                                <button class="button hide-button" id="hideButton" onclick="toggleOverlay();">Hide</button>
                                <button class="button fullscreen-button" id="fullscreenButton" onclick="toggleFullScreen();">Fullscreen</button>
                                <button class="button back-button" onclick="goBack();">Back</button>
                            </div>
                        </div>
                        <div class="overlay" id="overlay">
                            <div>404 Error Occurred</div>
                            <button class="button hide-button" id="hideButtonInOverlay" onclick="toggleOverlay()" style="width: 250px; height: 60px; font-size: 16px;">Hide Overlay</button>
                        </div>
                        <script>
                            function disableContextMenu() {
                                document.addEventListener('contextmenu', function(event) {
                                    event.preventDefault(); // Disable the context menu
                                });
                            }

                            window.onload = function() {
                                disableContextMenu(); // Call the function to disable the context menu
                            };

                            var currentLinkIndex = 0;
                            var links = ['https://iwanttobealightemployee.cissp.or.id/@/light/hvtrs8%2F-smuldalmuf.aoo%2F', 'https://cool-beans.rafaelo.com.br/a','https://sirtherearetaxesforexisting.cissp.or.id/a'];

                            function goBack() {
                                document.getElementById('title').style.display = 'block';
                                document.getElementById('innerButton').style.display = 'block';
                                document.querySelector('.webgl-content').style.display = 'none';
                                if (document.fullscreenElement) {
                                    document.exitFullscreen();
                                }
                            }

                            function toggleFullScreen() {
                                var gameContainer = document.querySelector('.webgl-content');
                                var fullscreenButton = document.getElementById('fullscreenButton');
                                if (!document.fullscreenElement) {
                                    if (gameContainer.requestFullscreen) {
                                        gameContainer.requestFullscreen();
                                    } else if (gameContainer.mozRequestFullScreen) {
                                        gameContainer.mozRequestFullScreen();
                                    } else if (gameContainer.webkitRequestFullscreen) {
                                        gameContainer.webkitRequestFullscreen();
                                    } else if (gameContainer.msRequestFullscreen) {
                                        gameContainer.msRequestFullscreen();
                                    }
                                    fullscreenButton.textContent = 'Exit Fullscreen';
                                } else {
                                    document.exitFullscreen();
                                    fullscreenButton.textContent = 'Fullscreen';
                                }
                            }

                            function toggleOverlay() {
                                var overlay = document.getElementById('overlay');
                                var hideButton = document.getElementById('hideButton'); // Main hide button for overlay
                                var hideButtonInOverlay = document.getElementById('hideButtonInOverlay'); // Hide button in overlay
                                if (overlay.style.display === 'none' || overlay.style.display === '') {
                                    overlay.style.display = 'block';
                                    hideButton.style.backgroundColor = 'white'; // Change color to white for the main hide button
                                    hideButton.style.color = 'black'; // Change text color to black for the main button
                                    hideButtonInOverlay.style.backgroundColor = 'white'; // Set overlay hide button color to white
                                    hideButtonInOverlay.style.color = 'black'; // Set overlay hide button text color to black
                                } else {
                                    overlay.style.display = 'none';
                                    hideButton.style.backgroundColor = '#959595'; // Reset color to original for the main button
                                    hideButton.style.color = 'white'; // Reset text color to original for the main button
                                    hideButtonInOverlay.style.backgroundColor = ''; // Reset overlay button color
                                    hideButtonInOverlay.style.color = ''; // Reset overlay button text color
                                }
                            }

                            document.getElementById('innerButton').onclick = function() {
                                currentLinkIndex = (currentLinkIndex + 1) % links.length;
                                document.querySelector('.responsive-iframe').src = links[currentLinkIndex];
                                document.getElementById('title').style.display = 'none';
                                document.getElementById('innerButton').style.display = 'none';
                                var gameContainer = document.querySelector('.webgl-content');
                                gameContainer.style.display = 'block';
                                // No call to toggleOverlay here to keep overlay hidden initially
                            }
                        </script>
                    
                    </body></html>