@keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.cursor::after {
  content: "|";
  font-size: 1.5em;
  font-weight: bold;
  animation: blink infinite alternate 0.4s;
}

.typewriter-text {
  font-family: 'Courier New', Courier, monospace;
  color: #34FF00;
  text-align: center;
  position: absolute;
  width: 500px;
  left: 50%;
  top: 50%;
  font-size: 18px;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 3s linear;
}

.fade-in {
  opacity: 1; 
}