Splitting Words

.splitting .char {
  animation: slide-in 1s cubic-bezier(.3, 0, .3, 1) both;
  animation-delay: calc(60ms * var(--char-index));
  color: saturate(lighten(#182952, 55%), 60%);
}

@keyframes slide-in { 
  from {
    transform: translateY(1em);
    opacity: 0;
  }
}