#music {
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#music-label {
  width: 90%;
  min-width: 250px;
  max-width: 500px;
  height: auto;
  align-self: flex-start;
  aspect-ratio: 6.21 / 1;
  background: url("../img/labels/listen-now-label-2025.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#spotifyPlayer {
  width: 100%;
  min-width: 300px;
  max-width: 1000px;
  margin: 40px 0;
  border-radius: 12px;
  outline: 1px solid rgba(110, 100, 100, 0.9);
}

#streamingLinks {
  width: 100%;
  min-width: 300px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  column-gap: 25px;
  row-gap: 75px;
  padding: 15px 0;
  margin: 0 0 75px 0;
}

.streamingLinks {
  aspect-ratio: 5 / 1;
}

#amazonMusic {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/amazon-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#amazonMusic:hover {
  background: url("../img/icons/brands/amazon-black.png") no-repeat center;
  background-size: contain;
}

#appleMusic {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/apple-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#appleMusic:hover {
  background: url("../img/icons/brands/apple-black.png") no-repeat center;
  background-size: contain;
}

#deezer {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/deezer-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#deezer:hover {
  background: url("../img/icons/brands/deezer-white.png") no-repeat center;
  background-size: contain;
}

#iheart {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/iheart-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#iheart:hover {
  background: url("../img/icons/brands/iheart-white.png") no-repeat center;
  background-size: contain;
}

#pandora {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/pandora-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#pandora:hover {
  background: url("../img/icons/brands/pandora-white.png") no-repeat center;
  background-size: contain;
}

#spotify {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/spotify-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#spotify:hover {
  background: url("../img/icons/brands/spotify-white.png") no-repeat center;
  background-size: contain;
}

#tidal {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/tidal-white.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#tidal:hover {
  background: url("../img/icons/brands/tidal-black.png") no-repeat center;
  background-size: contain;
}

#youtubeMusic {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  height: auto;
  align-self: flex-start;
  background: url("../img/icons/brands/youtube-colored.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 15px;
}

#youtubeMusic:hover {
  background: url("../img/icons/brands/youtube-white.png") no-repeat center;
  background-size: contain;
}

#streamingLinks a {
  display: contents;
}