@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
  background-color: #2a0802;
  color: #665a2c;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
}

img {
  object-fit: fill;
  max-height: 512px;
}

.gradient {
  height: 3px;
  border: none;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    rgba(83, 43, 6, 1) 0%,
    rgba(100, 50, 0, 1) 21%,
    rgba(96, 255, 10, 1) 51%,
    rgba(180, 20, 13, 1) 100%
  );
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: brown;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

#songList {
    list-style-type: none; 
    padding-left: 0;
  }
  
  .song {
    width: 100%; 
  }
  
  .song audio {
    width: 100%; 
  }
  
  .songTitle {
    font-size: 28px;
    color: #87D618;
  }