﻿.fa-spin-hover:hover{
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.shake-hover:hover{
  animation: 1s ease 0s shake;
}
@keyframes shake {
    0%{
        transform: rotate(0deg);
    }

  10%, 50%, 90% {
    transform: rotate(15deg);
  }
  
  30%, 70% {
    transform: rotate(-15deg);
  }
  
    100%{
        transform: rotate(0deg);
    }
}

.beat-hover:hover{
  animation: 1s ease 0s beat;
}
@keyframes beat {
    0%, 30%, 70%, 100%{
        transform: scale(1);
    }

  10%, 50%, 90% {
    transform: scale(1.2);
  }
}