body {
      font-family: 'Orbitron', sans-serif;
      background-color: #111;
      color: white;
    }

    .navbar {
      background-color: #000;
      border-bottom: 1px solid white;
    }

    .navbar-brand img {
      height: 40px;
      margin-right: 10px;
    }

    .navbar-brand {
      display: flex;
      align-items: center;
    }

    .game-card {
      position: relative;
      width: 100%;
      padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
      margin-bottom: 30px;
      overflow: hidden;
    }

    .game-card a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
    }

    .game-img,
    .game-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: 2px solid white;
      transition: opacity 0.3s ease;
    }

    .game-video {
      opacity: 0;
      pointer-events: none;
      z-index: 1;
    }

    .game-card:hover .game-video {
      opacity: 1;
    }

    .game-card:hover .game-img {
      opacity: 0;
    }

    .icon-row {
        display: flex;
        justify-content: center;
        gap: 20px; /* spacing between icons */
        }

        .icon-img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        }