.fu {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  min-height: 50dvh;
}
p span {
  display: inline-block;
  font-size: 3em;
  font-weight: 900;
  transform: rotate(-7.5deg);
}

span.animated {
    display: inline-block;
    animation-name: swingDown;
    animation-duration: .75s;
    animation-timing-function: ease;
    transform: rotate(-7.5deg);
    transform-origin: bottom right;
}
@keyframes swingDown {
    0% {
        transform:rotate(0)
    }

    60% {
        transform:rotate(0)
    }

    70% {
        transform:rotate(-8deg)
    }

    75% {
        transform:rotate(-7deg)
    }

    80% {
        transform:rotate(-7.8deg)
    }

    85% {
        transform:rotate(-7.2deg)
    }

    90% {
        transform:rotate(-7.5deg)
    }

    95% {
        transform:rotate(-7.4deg)
    }

    to {
        transform:rotate(-7.5deg)
    }
}

@keyframes pushUp {
    0% {
        transform:rotate(-7.5deg)
    }

    to {
        transform:rotate(0)
    }
}
span.animated.pushUp {
    animation: pushUp .5s;
    transform: rotate(0)
}