body {
  background: #000000;  /* fallback for old browsers */
  background: rgb(36,36,36);
  background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(24,24,24,1) 100%);
}

#topper {
  background: #000000;  /* fallback for old browsers */
  background: rgb(36,36,36);
  background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(24,24,24,1) 100%);
}

.flag {
  font-family: "Twemoji Country Flags", sans-serif;
}

a.anchor {
    display: block;
    position: relative;
    top: -135px;
    visibility: hidden;
}

.card {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(225, 225, 225, 1);
  border-bottom: 2px solid rgba(255,255,255,0.5);
}

.playing {
  border-bottom: 2px solid gold;
}

.played {
  background: linear-gradient(90deg, rgba(99,99,99,0.1) 0%, rgba(128,128,128,0.1) 100%);
  border-bottom: 2px solid rgba(0,0,0,0.5);
}

.band-name {
  font-weight: 400;
  text-shadow: 0 0 20px #000;
  font-family: 'Cinzel Decorative', cursive;
  //font-family: 'Metamorphous', cursive;
  //font-family: 'New Rocker', cursive;
  //font-family: 'Stardos Stencil', cursive;
}

.spotify {
  --bs-btn-bg: #1DB954;
  --bs-btn-hover-bg: #168d40;
  --bs-btn-border-color: #000;
  --bs-btn-hover-border-color: #168d40;
  color: #000;
}

.metalarchives {
  --bs-btn-bg: #5A1A1B;
  --bs-btn-hover-bg: #330f10;
  --bs-btn-border-color: #d4b396;
  --bs-btn-hover-border-color: #330f10;
}