@import url(https://emoji-css.afeld.me/emoji.css);

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.reveal pre code {
  max-height: none;
}

img.face {
  /* animation: infinite-spinning 4s infinite linear; */
  transform: rotate(10deg);
  border: none !important;
  box-shadow: none !important;
  width: 45px !important;
  margin: 0 !important;
}

.element-animation{
  animation: animationFrames linear 6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards; 
  animation-play-state: paused;
}

.element-animation:active{
  animation-play-state: running;
}

@keyframes animationFrames{
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(0px,-1800px);
  }
}