body{
  margin: 0px;     /* ADD STYLE ! */
  height: 100vh;
  background-image:url(bar.png);
  background-position: top;
  background-size: 100% 0.75%;
  background-repeat: no-repeat;
  background-color: rgb(192, 0, 255, 1.0);
}
h1 {
  color: rgb(255, 255, 0, 1.0);
  font-size: 4vw;
}
h2 {
  color: rgb(255, 255, 0, 1.0);
  font-size: 3.5vw;
}
p {
  color: rgb(255, 255, 0, 1.0);
  font-size: 3vw;
}
br {
   margin: 0.5vh;
}
/* unvisited link */
a:link {
  color: rgb(255, 255, 0, 1.0);
font-size: 2.5vw;
}
/* visited link */
a:visited {
  color: rgb(255, 255, 0, 1.0);
font-size: 2.5vw;
}
/* mouse over link */
a:hover {
  color: rgb(255, 255, 0, 1.0);
font-size: 2.5vw;
}
/* selected link */
a:active {
  color: rgb(255, 255, 0, 1.0);
font-size: 2.5vw;
}

::selection {
  color: #FFFF00;
  background: #600080;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #600080 #300040;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #300040;
}

*::-webkit-scrollbar-thumb {
  background-color: #600080;
  border-radius: 0px;
}

* {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3vw;
  box-sizing: border-box;
}
#demo { width: 100%; }
#demoAudio { width: 100%; }
#demoList { margin-top: 10px; }
#demoList .song {
  padding: 10px;
  color: rgb(255, 255, 0, 1.0);
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
}
#demoList .song:first-child {
  border-top: 1px solid #e1e1e1;
}
#demoList .song.now {
  font-weight: 400;
  color: rgb(0, 0, 0, 1.0);
  background: rgb(255, 255, 0, 1.0);
}
#demoList .song::before {
  content: "\2022";
  margin-right: 10px;
}
#demoList .song.now::before {
  content: "\27A4";
}