body {
  font-family: 'Segoe UI', sans-serif;
  padding-top: 56px;
}

.card-jogo {
  border: none;
  border-radius: 10px;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.card-jogo:hover {
  transform: translateY(-4px);
  background-color: #2c2c2c;
}

.escudo {
  width: 40px;
  height: 40px;
}

.offcanvas {
  width: 220px;
}

 .hero-bg {
      background: url('/static/hero-player.png') center/cover no-repeat;
 }