body {
  font-family: Roboto, sans-serif;
  background: linear-gradient(rgb(200, 200, 200), rgb(100, 100, 100));
  background-attachment: fixed;

  /* Play the entrance animation once when the page loads */
  animation: sweepUp 1s ease-out both;
}

/* Slide the page up from below while fading in */
@keyframes sweepUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#chaptertabletitle {
  border-collapse: collapse;
}

/* Underline sits directly under the "Chapters" header row */
#chaptertabletitle th {
  text-align: left;
  border-bottom: 2.5px solid rgba(50, 50, 50, 0.475);
}

#chaptertabletitle h3 {
  margin: 0 0 6px;
}

/* Space between the header underline and the first button */
.chapterdata {
  padding-top: 12px;
}

/* Each chapter link becomes a full-width stacked button */
.chapterdata a {
  display: block;
  box-sizing: border-box;
  width: 260px;
  padding: 12px 18px;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-family: Roboto, sans-serif;
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(50, 50, 50, 0.475);
  border-radius: 8px;
  transition: transform 0.15s ease;
}

.chapterdata a:hover {
  transform: scale(1.05);
}