/* Style the audio player container */
  .audio-player {
    border-radius: 5px;
    margin: 0 auto;
  }

  /* Style the audio tag */
  audio {
    width: 100%;
    height: 60px;
  }

  /* Style the controls */
  audio::-webkit-media-controls-panel {
    background-color: #fff;
    border-radius: 5px;
  }

  /* Style the play button */
  audio::-webkit-media-controls-play-button {
    background-color: #007bff;
    color: #fff;
    width: 40px;
    height: 40px;
  }

  /* Style the seek bar */
  audio::-webkit-media-controls-current-time-display,
  audio::-webkit-media-controls-time-remaining-display,
  audio::-webkit-media-controls-seek-back-button,
  audio::-webkit-media-controls-seek-forward-button {
    color: #007bff;
  }

  /* Style the volume controls */
  audio::-webkit-media-controls-volume-slider,
  audio::-webkit-media-controls-mute-button {
    color: #007bff;
  }


.background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 250px;
  background-image: url('/static/img/game/results_background.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image-win {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 250px;
  background-image: url('/static/img/game/results_background_win.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image-index {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background-image: url('/static/img/game/background_index.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}