/* css styles */

thead {
  position: sticky;
  top: 0;
}

table {
  text-align: left;
}

a[href$=".pdf"]:after {
  content: " (PDF)";
}

a[href$=".pptx"]:after {
  content: " (PPTX)";
}

.faded {
  color: #ccc;
}

.highlight-row {
  border: solid;
}

.yt-quiz-container {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1.5rem;
  animation: highlight 1000ms ease-out;
}

@keyframes highlight {
  0% {
    background-color: yellow;
  }
  100% {
    background-color: white;
  }
}

.yt-quiz-container label {
  padding-top: 0.5rem;
}

.yt-quiz-container input[type="radio"] {
  margin-right: 1rem;
}

.yt-quiz-container .yt-quiz-controls {
  margin-top: 1rem;
}

.yt-quiz-correct {
  color: rgb(88, 147, 88);
}

.yt-quiz-incorrect {
  color: rgb(130, 67, 67);
}