body {
  background-color: rgb(46, 44, 44);
  margin: 0;
  overflow: hidden;
  font-family: Arial, sans-serif;
  user-select: none;
}
#game {
  position: relative;
  width: 900px;
  height: 350px;
  margin: 50px auto;
  /*border: 2px solid #333;*/
  background-image: url('img/paisaje1.png');
  background-size: cover;       /* ← Ajusta la imagen al tamaño del contenedor */
  background-position: center;  /* ← Centra la imagen */
  background-repeat: no-repeat; /* ← Evita que se repita */
  overflow: hidden;
}
#dino {
  position: absolute;
  bottom: 0;
  left: 100px;
  width: 90px;
  height: 84px;
  background-image: url('img/dino1.png');
  /*background-color: #555;*/
  border-radius: 15px;
}
.obstacle {
  position: absolute;
  bottom: 0;
  width: 45px;
  height: 90px;
  background-image: url('img/cactus1.png');
  /*background-color: #228B22;*/
  border-radius: 3px;
}
#score {
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
  color: white;
}

.github-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 28px;
    margin-top: 5px;
    text-decoration: none;
    border-radius: 100px;
    color: white;
    transition: all 0.25s ease;
}

.github-btn i {
    font-size: 40px;
}

.github-btn:hover {
    transform: translateY(-4px) scale(1.03);
    color: black;
}

.github-btn:active {
    transform: scale(0.98);
}