@keyframes ghost-flicker {
  0%, 100% { opacity: 1; text-shadow: none; }
  92% { opacity: 1; text-shadow: none; }
  94% { opacity: 0.5; text-shadow: 2px 0 white; transform: translateX(1px); }
  96% { opacity: 1; text-shadow: -2px 0 white; }
  98% { opacity: 0.7; transform: translateX(-1px); }
}

/* Apply this class to any text you want to glitch */
.glitch-text {
  animation: ghost-flicker 5s infinite;
}

.module-content {
  height: 300px; /* Fixed height */
  overflow-y: auto; /* Adds scrollbar if content is too long */
  padding: 15px;
  scrollbar-width: thin; /* Modern browsers */
  scrollbar-color: white black;
}