@import url(../playlists/player/player.css);

@font-face {
  font-family: 'BoldBold';
  src: url('boldbold.ttf') format('truetype');
}

html {
  background-color: black;
}

.playlist-container::after {
  background-image: url(seventies.jpg);
}

.playlist-header,
.player-container,
.tracklist-container {
  background-color: rgb(57 56 57 / 75%);
  background: #211d04;
  border-radius: 2px;
}

.player-container .buttons {
  gap: 12px;
}

.player-container button {
  background-color: transparent;
  border-color: #615c53;
}

#playBtn.amplitude-playing {
  animation-name: none;
}

button > div {
  filter: blur(.2px) hue-rotate(90deg);
}

#playlist-seventies .playlist {
  border: none;
  color: #efebe4;
  font-family: 'BoldBold';
  font-size: 14px;
  text-transform: uppercase;
}

#playlist-seventies .tracklist-container {
  scrollbar-color: #92908c black;
}

.track {
  line-height: 20px;
  letter-spacing: normal;
}

.track .separator {
  margin: 0 8px;
}

.track.amplitude-active-song-container {
  animation-name: none;
  font-style: italic;
  text-shadow: none;
}

.track.amplitude-active-song-container::before {
  content: '>';
  margin-right: 8px;
}

.progBar {
  background: #92908c;
}

.progBarLight {
  box-shadow: none;
  background: #efebe4;
}