.typewriter-container {
    display: inline-flex;
    align-items: center;
}

.typewriter {
    overflow: hidden;
    white-space: nowrap;
    border-right: 0.15em solid transparent;
    animation: typing 2s steps(30, end) infinite alternate;
}

.blink {
    display: inline-block;
    width: 1ch;
    animation: blink 0.7s steps(1, start) infinite;
}

/* Typing effect */
@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 9.4ch; /* Match your longest text width */
    }
}


.peace {
  display: inline-block;
  transform-origin: 70% 70%;
  animation: waveHi 1.5s infinite alternate ease-in-out;
}

/* Waving effect */
@keyframes waveHi {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(15deg); }
  100% { transform: rotate(-10deg); }
}