CSS анимация для лого шапки

Друзья, нужно анимировать лого на сайте, но немогу понять как это правилнее всего сделать.
http://smartform.hostenko.com/
Само лого меняется в опции темы, что я сделал, добавил в style.css код

.site-title a {
  animation-name: anim;
}
@keyframes anim {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}

но анимация так и не сработала /:
Подскажите пожалуйста в чём ошибка? Заранее спасибо!