
.typewriter{
  display: flex;
  justify-content: center;
}

.typewriter p{
  --chars: 8;
  font-family: monospace;
  font-size: 1.5rem;

  color: #00AA24;
  margin-inline: auto;
  overflow: hidden;
  white-space: nowrap;
  border-right: 1px solid;
  animation: typing calc(var(--chars) * 0.07s) steps(var(--chars)) forwards,
  blink 1s step-end infinite;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
