@keyframes bob{
  0%,100%{
    transform:translateY(0) rotate(-1deg)
  }

  50%{
    transform:translateY(-7px) rotate(1deg)
  }
}

@keyframes runMove{
  0%,100%{
    transform:translateX(-5px) translateY(0) rotate(-4deg) scaleX(1)
  }

  50%{
    transform:translateX(6px) translateY(-5px) rotate(4deg) scaleX(1.02)
  }
}

@keyframes jumpMove{
  0%{
    transform:translateY(0) scale(1,1)
  }

  35%{
    transform:translateY(-24px) scale(.94,1.08)
  }

  60%{
    transform:translateY(-8px) scale(1.03,.96)
  }

  100%{
    transform:translateY(0) scale(1.04,.92)
  }
}

@keyframes sigMove{
  0%{
    transform:scale(1) rotate(0) ;
    filter:drop-shadow(0 0 0 rgba(255,180,0,0))
  }

  30%{
    transform:scale(1.07) rotate(-3deg);
    filter:drop-shadow(0 0 14px rgba(255,180,0,.75))
  }

  60%{
    transform:scale(1.03) rotate(3deg);
    filter:drop-shadow(0 0 18px rgba(255,107,157,.65))
  }

  100%{
    transform:scale(1) rotate(0);
    filter:drop-shadow(0 0 4px rgba(255,180,0,.25))
  }
}

@keyframes floaty{
  0%,100%{
    transform:translateY(0)
  }

  50%{
    transform:translateY(-6px)
  }
}

@keyframes popIn{
  from{
    opacity:0;
    transform:translateY(10px) scale(.98)
  }

  to{
    opacity:1;
    transform:translateY(0) scale(1)
  }
}

.anim-walk{
  animation:bob .42s ease-in-out 3
}

.anim-run{
  animation:runMove .28s ease-in-out 4
}

.anim-jump{
  animation:jumpMove .95s ease-in-out 1
}

.anim-sig{
  animation:sigMove 1.05s ease-in-out 1
}

.anim-sig-loop{
  animation:sigMove 1.05s ease-in-out infinite
}