<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/star.css">
    <script src="js/antinspect.js"></script>
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <script src="js/rocket-loader.min.js" data-cf-settings="0e3129054fa97055e1fdc294-|49"></script>
    <title>elus.in</title>
    <link rel="stylesheet" href="css/index.css">
    <style>
        /* Disable text selection globally */
        * {
            -webkit-user-select: none; /* Chrome, Safari, Edge */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* Internet Explorer */
            user-select: none;         /* Standard syntax */
        }

        @font-face {
            font-family: 'Minecraftia';
            src: url('fonts/Minecraftia.ttf') format('truetype');
        }

        @keyframes sparkling {
            0% {
                opacity: 0.2;
            }
            50% {
                opacity: 1;
            }
            100% {
                opacity: 0.2;
            }
        }

        .sparkle-text {
            animation: sparkling 2s infinite;
        }

        .navigation a {
            text-shadow: 0px 0px 16.5px white;
        }

        /* Glow effect for text */
        .glow {
            text-shadow: 
                0 0 8px #ffffff, 
                0 0 16px #ffffff, 
                0 0 32px #ff00ff, 
                0 0 64px #ff00ff;
        }

        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0, 0, 0);
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-family: 'Minecraftia', sans-serif;
            font-size: 24px;
            z-index: 9999;
            cursor: pointer;
            text-shadow: 0 0 8px #ffffff, 0 0 16px #ffffff;
        }

        .title {
            font-size: 48px;
            text-shadow: 
                0 0 10px #ffffff, 
                0 0 20px #00ffff, 
                0 0 30px #00ffff, 
                0 0 40px #00ffff;
        }

        .profile-link p, .archive-link p {
            font-size: 20px;
            text-shadow: 
                0 0 6px #ffffff, 
                0 0 12px #00ffff, 
                0 0 18px #00ffff;
        }

        body {
            cursor: url('x/pan.cur'), auto;
            cursor: url('x/pan.cur'), crosshair;
            cursor: url('x/pan.cur'), default;


        }
    </style>

    </script>
</head>
<body onload="document.body.style.opacity='1'" class="wallpaper">

    <div id="overlay">
        <div>
            <p>Click to enter...</p>
        </div>
    </div>

    <div class="galaxy">
        <div class="stars1"></div>
        <div class="stars2"></div>
        <div class="stars3"></div>
    </div>

    <div class="container">
        <h1 class="title glow">elus.in</h1>
        <div class="profiles">
            <a href="https://rape.agency/" class="profile-link">
                <div class="profile">
                    <i class="fa-solid fa-crown"></i>
                    <img src="images/u_u.jpg" alt="u_u">
                    <p class="glow">@u_u</p>
                </div>
            </a>
            <a href="https://4am.lol/" class="profile-link">
                <div class="profile">
                    <i class="fa-solid fa-crown"></i>
                    <img src="images/xnx.jpg" alt="xnx">
                    <p class="glow">@xnx</p>
                </div>
            </a>
        </div>
        <div class="archive-link">
            <a href="https://4am.lol/" class="profile-link">
                <p class="glow">---</p>
            </a>
        </div>
    </div>
    

    <div id="bottom-left">
        © <a href="https://t.me/elus_in" target="_blank" style="color:white; text-decoration: none;">elusin</a> | <a href="https://4am.lol/" target="_blank" style="color:white; text-decoration: none;">4am</a> | 2025
    </div>

    <script>
        document.getElementById("overlay").addEventListener("click", function() {
            // Play a separate click sound effect
            var clickSound = new Audio('sounds/mouse.mp3'); // Path to your click sound
            clickSound.volume = 0.5; // Adjust volume if needed
            clickSound.play();
    
            // Hide overlay and play background music after a slight delay
            setTimeout(function() {
                document.getElementById("overlay").style.display = "none";
    
                // Array of background music tracks
                var songs = [
                    'music/1.mp3',
                    'music/2.mp3',
                    'music/3.mp3',
                    'music/4.mp3',
                    'music/5.mp3'
                ];
    
                // Pick a random song
                var randomSong = songs[Math.floor(Math.random() * songs.length)];
    
                // Play the selected background music with looping enabled
                var audio = new Audio(randomSong);
                audio.volume = 0.3;
                audio.loop = true; // Enable looping
                audio.play();
            }, 300); // Delay to let the click sound play first
        });
    </script>
    

</body>
</html>
