<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Coin Earning Game</title>
    <link rel="stylesheet" href="style.css">
<script src="https://telegram.org/js/telegram-web-app.js?56"></script>
</head>
<body>
    <div id="game-container">
      <div class="box">
      
        <div id="balance" style="font-weight:bold">
          
            Balance: 0
        </div>
        <div class="pepe" id="pepecoin">0</div>
        </div>
        <div id="timer">30</div>
       
    </div>
    
     <div class="end-screen" id="end-screen">
            <video autoplay muted loop>
                <source src="https://lionfi.freewebhostmost.com/images/bgvideo.mp4" type="video/mp4">
            </video>
            <div class="end-screen-content">
                <h1>Game Over</h1>
                <p>You earned <span id="earned-points">0</span> points!</p>
               <p>You earned <span id="earned-pepe">0</span> <img src="https://lionfi.freewebhostmost.com/images/pepe.png" alt="pepe" width="20px" height="20px" align="center"></img></p>
                <div class="btn" id="btn">Continue play</div>
            </div>
        </div>
 <script src="https://telegram.org/js/telegram-web-app.js"></script>
 <script src="java.js"></script> 
</body>
</html>
