/* styles.css */
#audio-container {
    margin-bottom: 20px;
  }
  
  #controls {
    margin-top: 20px;
  }
  
  #playlist {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .playlist-item {
    margin-bottom: 5px;
  }
  
  /* Add this CSS to ensure each button is displayed on its own line */
.playlist-button {
  display: block;
  margin-bottom: 5px; 
}
/* Provides padding fo add and delete buttons */
.playlist-button-Add-Delete {
  margin-bottom: 10px; 
  margin-top: 10px;
}


/* NavBar Styling */
.stickyNav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  float: left;
  
}

ul.stickyNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  border-radius: 25px;
}
li.stickyNav {
  float: left;
}
li a:hover {
  background-color: #9626ca;
}

.active {
  background-color: #eb9c35;
}