Kalkuli/2018.2-Kalkuli_Front-End

@keyframes fall {
  
  0% {
    opacity: 0;
    transform: translate(-50%, -100vh);
  }

  65% {
    transform: translate(-50%, -42%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes open {
  0% {
    opacity: 0;
    transform: translate(0, 11rem);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  } 
}

@keyframes close {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }

  100% {
    opacity: 0;
    transform: translate(0, 11rem);
  } 
}

@keyframes pulse {
  0% {
    transform: translateY(5px);
  }
  
  100% {
    transform: translateY(0);
    text-shadow: 0px .5rem 1.5rem rgba($color-black, .3);
  }
}