.speech {
  font-family: Georgia, serif;
  font-size: 1rem;
  color: black;
}

.song {
  font-family: "Palatino Linotype", serif;
  font-size: 1rem;
  font-style: italic;
  color: black;
}

.direction {
  font-family: Arial, sans-serif;
  font-size: 1rem;
  color: black;
  background-color: #f0f0f0;
}

.direction:hover {
  background-color: #d0d0d0;
  color: white;
}

.name {
  font-family: Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: black;
}

.name:hover {
  text-shadow: 2px 2px 6px blue;
  border: 2px solid orange;
}

.name.zara   { color: purple; }
.name.fitz { color: darkred; }
.name.group { color: blue; }

.cast-table { border-collapse: collapse; width: 100%; margin: 16px 0; }
.cast-table th, .cast-table td { border: 1px solid black; padding: 8px; text-align: center; }
.cast-table thead th { background: black; color: white; }