<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.65">
    <meta name="theme-color" content="black">
    <link rel="shortcut icon" href="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif">
    <title>Secret?</title>
    
    <!-- External Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap" rel="stylesheet">
    <style>
        /* Background anime effect */
        body {
            background: url('https://i.gifer.com/KNiu.gif') no-repeat center center fixed; /* Replace with your anime GIF URL */
            background-size: cover; /* Ensure the background image covers the screen */
            color: white;
            font-family: "Montserrat", serif;
            margin: 0;
            text-align: center;
            height: 100vh; /* Ensure full screen height */
            display: flex; /* Use flexbox for centering */
            justify-content: center; /* Center horizontally */
            align-items: center; /* Center vertically */
            overflow: hidden; /* Hide scrollbars */
        }

        #tempatjam {
            font-size: 36px;
            font-weight: bold;
            margin-top: 20px;
            z-index: 2;
        }

        h2 {
            font-weight: bold;
            letter-spacing: 2px;
            z-index: 2;
        }

        p {
            font-size: 18px; 
            z-index: 2;
        }

        img {
            width: 300px;
            z-index: 2;
        }

        center {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 80%;
            margin: auto;
            width: 100%;
            z-index: 2;
        }

        #footer {
            position: fixed;
            top: 75px;
            left: -235px;
            width: 600px;
            padding: 10px;
            font-size: 16px;
            text-align: center;
            color: rgb(255, 255, 255);
            font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
            transform: rotate(-45deg);
            transform-origin: 50% 0;
            background-color: rgb(0, 0, 0);
            border: 1px solid rgb(170, 170, 170);
            z-index: 9999;
            opacity: 0.5;
        }

        .marquee-text {
            font-family: 'Trade Winds', cursive;
            font-size: 1.2em;
            z-index: 2;
        }

        .kadal {
            background: transparent;
            border: 1px solid red;
            font-family: "Share Tech Mono";
            font-size: 10px;
            font-weight: normal;
            padding: 2px 25px;
            text-decoration: none;
            text-shadow: rgb(21, 207, 244) 0px 0px 0px;
        }
    </style>
    <script lenguage="javascript" href="main.js">
        	alert("クフジバン")
    </script>
</head>
<body style="background-color:pink;">
    <!-- Protected Content -->
    <div class="protected-content">
        <center>
            <!-- Jam -->
            <div id="tempatjam">00:00:00</div>

            <h2>[+] -- Што табе патрэбна? -- [+]</h2>
            <img src="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif" alt="Image">
            <p>Пришло время запустить ракету. Что с тобой не так?</p>

            <button onclick="play()" class="kadal">
                <font face="courier new" size="2" color="black">💥 Launch Music 🥲</font>
            </button>
            <p> </p>
            <audio src="https://f.top4top.io/m_32658r8sw1.mp3" controls></audio>
        </center>

        <!-- Footer -->
        <div id="footer">
            <b>
                <font face="Trade Winds" size="6">
                    <marquee direction="left" scrollamount="30" width="50%" >----- ~=+ [ クフジバン ] +=~ -----</marquee>
                </font>
            </b>
        </div>
    </div>

    <script>
        // Fungsi untuk menampilkan jam tanpa warna acak
        function tampilkanjam() {
            const tempatJam = document.getElementById("tempatjam");
            const waktu = new Date();
            const jam = String(waktu.getHours()).padStart(2, '0');
            const menit = String(waktu.getMinutes()).padStart(2, '0');
            const detik = String(waktu.getSeconds()).padStart(2, '0');
            tempatJam.innerHTML = `${jam}:${menit}:${detik}`;

            setTimeout(tampilkanjam, 1000); // Update setiap detik
        }

        // Fungsi memainkan audio
        function play() {
            var audio = new Audio("https://g.top4top.io/m_2158nyacg0.mp3");
            audio.play();
        }

        // Mulai menampilkan jam saat halaman dimuat
        tampilkanjam();
    </script>
</body>
</html>
