body {
  background-color: #3b3da1;
  background-image: url("assets/img/pageBack.png");
  background-repeat: repeat;
  color: #fcc700;
  font-family: Verdana;
  overflow-y: scroll;
}

a, a:link, a:visited {
  color: red;
}

.whole-page {
  max-width: 500px;
  margin: auto;
}


.main-content, .contents {
  padding:8px;
  background-color: rgba(87,84,189,0.7);
  display:table;
  vertical-align: top;
}


.contents {
  font-size: 20px;
  line-height: 1.6;

}


.vert-cent {
  padding: 5px;
  vertical-align: middle;
  background-color: rgba(87,84,189,0.7);
  display: table;
}

.audio-player { background-color: #f7f7f7; padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .audio-player .track { display: flex; align-items: center; margin-bottom: 10px; } .audio-player .track .play-button { margin-right: 10px; } .audio-player .track .buy-button { margin-left: auto; }