<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hacked By GR KHAN 71</title>
    <style>
        body {
            background-color: black; /* Solid black background */
            color: white;
            text-align: center;
            font-family: 'Courier New', Courier, monospace;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center; /* Center horizontally */
            align-items: center; /* Center vertically */
            height: 100vh; /* Full viewport height */
        }
        .container {
            position: relative;
            z-index: 1; /* Ensure content is above any other elements */
        }
        .headline {
            margin-top: 20px;
            font-size: 1.5em;
            animation: blink 0.05s infinite;
            text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red;
        }
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }
        .profile-picture {
            margin: 20px auto;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .profile-picture img {
            width: 100%;
            height: auto;
            border-radius: 50%;
        }
        .path {
            margin: 10px 0;
            font-family: 'Arial', sans-serif;
            font-size: 1.5em;
            font-weight: bold;
            color: white;
            text-shadow: 
                0 0 5px white, 
                0 0 10px white, 
                0 0 15px white, 
                0 0 20px red, 
                0 0 30px red;
        }
        @keyframes beat {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }
        .beat-animation {
            animation: beat 1s infinite;
        }
        .bio {
            margin: 20px auto;
            max-width: 90%;
            position: relative;
            z-index: 1;
        }
        .music-text {
            margin-top: 10px;
            cursor: pointer;
            display: inline-block;
            text-align: center;
            color: red;
            font-size: 0.8em; /* Smaller size */
            font-family: 'Arial', sans-serif;
            text-decoration: none;
            text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red;
            transition: transform 0.2s;
            padding: 2px; /* Smaller padding */
            border: 2px solid red; /* Smaller border */
            border-radius: 5px;
        }
        .music-text:hover {
            transform: scale(1.1);
        }
        .channel-list {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 20px 0;
            gap: 10px; /* Reduced space between channels */
        }
        .channel-item {
            font-size: 1em; /* Smaller size for channel names */
            font-family: 'Courier New', Courier, monospace;
            color: white;
            text-decoration: none;
            text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
            transition: transform 0.2s, color 0.3s;
            flex-basis: calc(33.33% - 20px); /* Make each item take up 33.33% of the width */
            text-align: center;
            padding: 5px; /* Added padding */
            border-radius: 5px; /* Rounded corners */
            background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
        }
        .channel-item:hover {
            transform: scale(1.1);
            color: #00FF00; /* Change text color on hover */
            text-shadow: 
                0 0 10px #00FF00, 
                0 0 20px #00FF00, 
                0 0 30px red; /* Enhanced glow effect on hover */
            background-color: rgba(255, 255, 255, 0.2); /* Change background on hover */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="headline">Hacked By GR KHAN 71</div>
        <div class="profile-picture" style="display: inline-block;">
            <img src="https://envs.sh/Crp.jpg" alt="GR KHAN 71">
        </div>
        
        <div class="profile-picture" style="display: inline-block;">
            <img src="https://envs.sh/CrF.jpg" alt="CRACKED 71">
        </div>
        <div class="profile-picture" style="display: inline-block;">
            <img src="https://envs.sh/CrS.jpg" alt="KALA MASTAN BD">
        </div>
        <div class="path" id="path-text">We Are Bangladeshi White Hat Hacker</div>
        <div class="bio">
            <p>We regret to inform you. We have hacked your website completely. Contact us if you want to take back your website. We succeeded in hacking your website because of many bugs. </p>
            
            <!-- Music Text -->
            <div class="music-text" id="music-text">ᴛᴀʙ ᴛᴏ ᴘʟᴀʏ ᴍᴜsɪᴄ</div>
            <audio id="background-music" src="https://od.lk/s/OTJfNTg2MTc1ODVf/l%C3%ADue%20-%20Suffer%20With%20Me%20%5BOFFICIAL%20AUDIO%20w_Visuals%5D%28MP3_160K%29%20%28mp3cut.net%29%20%281%29.mp3" preload="auto"></audio>
        </div>
        <div class="channel-list">
            <a href="https://t.me/GRKHAN71" class="channel-item" target="_blank">GR KHAN 71</a>
            <a href="https://t.me/CRACKED71" class="channel-item" target="_blank">CRACKED 71</a>
            <a href="https://t.me/kalamastanbd" class="channel-item" target="_blank">KALA MASTAN BD</a>
        </div>
    </div>

        
    <audio id="background-music" src="https://od.lk/s/OTJfNTg2MTc1ODVf/l%C3%ADue%20-%20Suffer%20With%20Me%20%5BOFFICIAL%20AUDIO%20w_Visuals%5D%28MP3_160K%29%20%28mp3cut.net%29%20%281%29.mp3" preload="auto"></audio>
    <script>
        document.body.addEventListener('click', function() {
          var audio = document.getElementById('background-music');
          if (audio.paused) {
            audio.play();
          }
        });

        // Music functionality
        const musicText = document.getElementById('music-text');
        const backgroundMusic = document.getElementById('background-music');
        const pathText = document.getElementById('path-text');

        musicText.addEventListener('click', (event) => {
            event.stopPropagation();
            event.preventDefault();
            if (backgroundMusic.paused) {
                backgroundMusic.play();
                musicText.textContent = 'ᴘᴀᴜsᴇ ᴍᴜsɪᴄ';
                pathText.classList.add('beat-animation');
            } else {
                backgroundMusic.pause();
                musicText.textContent = 'ᴘʟᴀʏ ᴀɢᴀɪɴ';
                pathText.classList.remove('beat-animation');
            }
        });
    </script>
</body>
</html>