* {
  --card-color: #f3c154;
  --bg-main: #ffeab1a9;
  --secondary-color: rgb(255, 210, 127);
}

body, html, main {
  background-color: var(--bg-main);
}

.navbar {
  background-image: var(--bs-gradient);
  background-color: var(--secondary-color);
}

.music-controls.hidden {
  display: none;
}

main {
  padding: 2rem;
  margin-top: 3rem;
}

audio {
  position: absolute;
  top: 5rem;
  right: 1rem;
  color: var(--card-color);
}