@keyframes typing {
  0% {
    content: " la|";
  }
  5% {
    content: " larr|";
  }
  10% {
    content: " larry|";
  }
  15% {
    content: " larry Da|";
  }
  20% {
    content: " larry Dani|";
  }
  25% {
    content: " larry Daniels.|";
  }
  30% {
    content: " larry Dani|";
  }
  35% {
    content: " larry Da|";
  }
  40% {
    content: " larry|";
  }
  45% {
    content: " larr|";
  }
  50% {
    content: " |";
  }
  55% {
    content: " D|";
  }
  60% {
    content: " De|";
  }
  65% {
    content: " Des|";
  }
  70% {
    content: " Desig|";
  }
  75% {
    content: " Designe|";
  }
  80% {
    content: " Designer.|";
  }
  85% {
    content: " Desig|";
  }
  90% {
    content: " Des|";
  }
  95% {
    content: " De|";
  }
  100% {
    content: " |";
  }
}