tilting text

<style>
  #scream {
    animation-name: hi;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    line-height: 0em;
    bottom: -5px;
    position: relative;
    font-size: 2rem;
    text-align: center;
    font-family: sant joan;
  }

  @keyframes hi {
    0% {
      transform: rotate(5deg);
    }

    50% {
      transform: rotate(-5deg);
    }

    100% {
      transform: rotate(5deg);
    }
  }

</style><br><br />
<div id="scream"> tilting text</div>