txtroller/src/TypewriterText.css

A customizable React typewriter component with 15+ animation variants.

/* ========== DEVELOPMENT VISUALIZATION STYLES ==========
   COMMENT THIS OUT BEFORE PUBLISHING TO NPM 
========================================================= */

body {
  background-color: #1a1a2e;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

.typewriter-text {
  font-family: 'Fira Code', monospace;
  font-size: 2rem;
  font-weight: 400;
  color: #00f7ff;
  text-shadow: 0 0 5px #00f7ff, 0 0 10px #00f7ff, 0 0 20px #00f7ff;
}
/* ===================================================== */







.typewriter-classic .blinking-cursor {
    font-weight: bold;
    animation: blink 1s step-start infinite;
  }
  
  @keyframes blink {
    50% {
      opacity: 0;
    }
  }