html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

canvas {
  position: relative;
  background-image: url("../image/gameBack2.jpg");
  background-size: cover;
  background-position: center;
  padding: 0;
  overflow: hidden;
  display: block;
  margin: auto;
  border: 1px solid darkblue;
}

h1 {
  margin: 0;
}

#game-wrap {
  transform-origin: top center;
  margin: 0 auto;
  width: 1250px;
  height: 720px;
}

.bilgiler {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  display: flex;
  gap: 16px;
  font: 700 18px/1.2 Arial, sans-serif;
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
  padding: 6px 10px;
  border-radius: 8px;
  pointer-events: none;
}