.word {
    display: inline-block;
}

.animated-heading {
    opacity: 0;
}

.uppercase {
    text-transform: uppercase;
}

.sr-only {
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

@keyframes wiggle {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(var(--twitch-x, 0.15px), var(--twitch-y, 0.15px));
    }

    50% {
        transform: translate(calc(var(--twitch-x, 0.15px) * -1), calc(var(--twitch-y, 0.15px) * -1));
    }

    75% {
        transform: translate(var(--twitch-x, 0.15px), calc(var(--twitch-y, 0.15px) * -1));
    }
}

.wiggling-letter {
    display: inline-block;
    /* width: 1ch;  <-- Removed for dynamic sizing */
    /* Assign a fixed width to each letter */
    text-align: center;
    /* Center the letter within its fixed width */
    /* Default values for the twitch */
    --twitch-x: 0.15px;
    --twitch-y: 0.15px;
    animation: wiggle 0.3s ease-in-out infinite;
    animation-delay: calc(var(--letter-index) * 20ms);
}