<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Typing Animation CSS
 * 
 * Styling for the typing effect text animation used in the portfolio.
 * 
 * @author: Pi Ko (pi.ko@nyu.edu)
 * @date: 3 March 2024
 */

/* Typing Text Container */
.typing-text {
  display: inline-block;
  color: var(--primary);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 1px;
  vertical-align: middle;
  text-shadow: 0 0 5px rgba(var(--primary-rgb), 0.3);
}

/* Cursor Element */
.typing-cursor {
  display: inline-block;
  color: var(--primary);
  font-size: 28px;
  font-weight: 700;
  vertical-align: middle;
  animation: blink 1.1s infinite;
  text-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5);
  margin-left: 3px;
}

/* Cursor Blinking Animation */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .typing-text, .typing-cursor {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .typing-text, .typing-cursor {
    font-size: 18px;
  }
} </pre></body></html>