/* myTunes/style.css */
body {
  background-color: #1A1A1A;
  color: #ffffff;
  font-family: Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}

.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

h1 {
  color: #A10E01; /* red */
  font-family: "Impact", Arial, sans-serif;
  font-size: 3.175em;
  font-weight: normal;
  letter-spacing: 0.01em;
  margin-top: 0.05em;
  margin-bottom: 0em;
}

.subhead {
  color: #ffffff;
  margin-bottom: 0.125em;
  font-size: 0.875em;
  font-weight: bolder;
  font-style: italic;
}

#album-title {
  color: #ffffff;
  margin-bottom: 0.5125em;
  font-size: 1.275em;
  font-weight: bolder;
  font-style: italic;
}

#playlist-container {
  text-align: left;
}

#playlist {
  color: #ffffff;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.playlist td:first-child {
  text-align: center;
}

.playlist td:last-child {
  text-align: left;
}

.track-item {
  color: #ffffff;
  cursor: pointer;
  margin-right: 1px;
}

.track-item:hover {
  color: #FEFE3A;
  background-color: #013EE4;
  font-weight: bold;
}

.playing-track {
  color: #FEFE3A;
  background-color: #013EE4;
  font-weight: bold;
}

#audio-player {
  position: relative;
}

#cover-image {
  margin-bottom: 0.25em;
}

#play-all-button-container {
  margin-top: 1.3em;
  margin-bottom: 1.0em;
}

#comment-placeholder {
  text-align: center;
  font-size: 0.75em;
  font-style: italic;
  color: #d3d3d3;
  width: 45em;
  margin-top: 0.75em;
  margin-left: auto;
  margin-right: auto;
}

#album-sentence {
  color: #A10E01; /* red */
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  width: 100%;
}

#album-sentence + div {
  margin-top: 0.75em !important;
  margin-bottom: 1.75em !important;
}

#keyboard-controls {
  margin-bottom: 1.25em;
  font-size: 85%;
  color: #999999;
}

#keyboard-controls h3 {
  margin-bottom: 0.3125em;
  color: #013ee4;
  font-weight: bold;
  font-style: italic;
  font-size: 1.25em;
}

#keyboard-controls strong {
  color: #ffffff;
}

.separator {
  color: #FEFE3A; /* yellow */
}

.small {
  margin-top: 0.25em;
  font-size: 0.700em;
  color: #666666;
}
#cover-playlist-container small {
  font-size: 0.700em;
  color: #666666;    
}

#centered-content small {
  font-size: 0.700em;
  color: #666666;
}

button {
  overflow-wrap: break-word;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  margin: 0;
  -webkit-appearance: button;
  padding: 0.625em;
  font-weight: bold;
  cursor: pointer;
  background-color: #0648FE;
  color: #FFFFFF;
  border-color: #000000;
  border-width: thin;
}

button:hover,
button.play-all-button-active {
  background-color: #FEFE3A;
  color: #013ee4;
  border-color: #0648FE;
  border-width: thin;
}