SinglePlayer - Games/alien-shooting-game/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Space Shooter</title>
  </head>
  <style>
    body {
      width: 100%;
      overflow: hidden;
      background: url("https://github.com/GameSphere-MultiPlayer/GameSphere/assets/56786344/f4cd45e2-6de1-47aa-9169-dd223baafb30");
      background-size: cover;
    }
    #board {
      position: relative;
      width: 500px;
      height: 500px;
      margin: 40px auto;
      border: 2px solid white;
      background-color: black;
      overflow: hidden;
    }

    #jet {
      position: absolute;
      width: 40px;
      height: 40px;
      background: url("https://github.com/GameSphere-MultiPlayer/GameSphere/assets/56786344/53cde5aa-26b8-4445-8612-c5faebebcf0b");
      background-size: contain;
      background-repeat: no-repeat;
      left: 50%;
      bottom: 0px;
    }

    .bullets {
      position: absolute;
      bottom: 40px;
      left: 51%;
      width: 20px;
      height: 20px;
      background: url("https://github.com/GameSphere-MultiPlayer/GameSphere/assets/56786344/f94e86bf-a6cd-44cc-b961-6335a55d20d4");
      background-size: contain;
      background-repeat: no-repeat;
    }

    .rocks {
      position: absolute;
      top: 0px;
      width: 50px;
      height: 50px;
      background: url("https://github.com/GameSphere-MultiPlayer/GameSphere/assets/56786344/f2c120ab-125a-47e5-bbb3-eccf63d07c33");
      background-size: contain;
      background-repeat: no-repeat;
    }
    #points {
      position: absolute;
      top: 0px;
      margin: 40px;
      opacity: 0.7;
      font-size: 10em;
      color: white;
    }
  </style>
  <script src="app.js" defer></script>
  <body>
    <div id="board">
      <div class="rocks"></div>
      <div id="jet"></div>
    </div>
    <div id="points">0</div>
  </body>
</html>