@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes jump {
  25% { transform: translate(0px,0px); }
  50% { transform: translate(0px,-15px); }
}

@keyframes beat {
  10% { transform: scale(120%) rotate(15deg); }
  20% { transform: scale(80%) rotate(15deg); }
  30% { transform: scale(120%) rotate(15deg); }
  40% { transform: scale(100%) rotate(15deg); }
}

@keyframes spin {
  100% { transform: rotate(359deg); }
}

@keyframes write {
  5% { transform: translate(-60px,-5px); }
  10% { transform: translate(-52px,0px); }
  15% { transform: translate(-50px,-2px); }
  18% { transform: translate(-40px,0px); }
  25% { transform: translate(-25px,-5px); }
  32% { transform: translate(-20px,0px); }
  35% { transform: translate(-10px,-2px); }
  47% { transform: translate(0,0); }
}

@keyframes notif {
  0% { opacity: 1; transform: scale(1,1); }
  40% { opacity: 0; transform: scale(1,1); }
  41% { opacity: 0; transform: scale(0,0); }
  60% { opacity: 1; transform: scale(0,0); }
  70% { opacity: 1; transform: scale(1,1); }
  95% { opacity: 1; transform: scale(1,1); }
}

@keyframes hammer {
  20% { transform: rotate(20deg); }
  30% { transform: rotate(-20deg); }
  40% { transform: rotate(20deg); }
  50% { transform: rotate(-20deg); }
  60% { transform: rotate(60deg); }
  65% { transform: rotate(-80deg); }
  95% { transform: rotate(20deg); }
}

@keyframes fork {
  10% { transform: translate(0px,20px); }
  20% { transform: translate(0px,0px); }
  30% { transform: translate(0px,20px); }
  40% { transform: translate(0px,0px); }
  60% { transform: rotate(45deg) translate(20px,-35px); }
  85% { transform: rotate(45deg) translate(20px,-35px); }
}

@keyframes knife {
  10% { transform: translate(0px,20px); }
  20% { transform: translate(0px,0px); }
  30% { transform: translate(0px,20px); }
  40% { transform: translate(0px,0px); }
  60% { transform: rotate(-45deg) translate(-20px,-35px); }
  85% { transform: rotate(-45deg) translate(-20px,-35px); }
}

@keyframes swing {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(-10deg); }
  100% { transform: rotate(10deg); }
}

@keyframes printhead {
  0% { transform: translate(0,50%); }
  30% { transform: translate(0,0px); }
  100% { transform: translate(0,0px); }
}

@keyframes printobj {
  0% { clip-path: xywh(0% 75% 100% 0%); }
  50% { clip-path: xywh(0% 0% 100% 100%); transform: translate(0,0); }
  70% { transform: translate(-200px, -200px); }
  100% { transform: translate(-200px, -200px); }
}


@keyframes rainbow { 100% {background-position: 100% 0%;} }