.tts-button, .pause-button, .resume-button, .stop-button,.read-btn {
  background: #3498db;
  color: white;
  border: none;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}
.tts-button:hover, .pause-button:hover, .stop-btn {
  background: #011b2c;
}
.tts-word.highlight {
  background-color: yellow;
}
.chapter-container {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  max-width: 600px;
  margin: 20px auto;
}
.chapter-text {
  margin-top: 10px;
  line-height: 1.6;
}
#speedSelect {
  margin: 4px;
  padding: 4px;
  font-size: 14px;
  border-radius: 5px;
}
.book_detail{
  text-align:center;

}
.book_detail img{
  width:50%;
  height:auto;
  margin-top:-50px;

}
@media only screen and (max-width: 768px) {
    .tts-button, .pause-button, .resume-button, .stop-button {
  background: #3498db;
  color: white;
  border: none;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}
.book_detail img{
  
  margin-top:40px;

}
}