@charset "utf-8";

@keyframes Nod {
  0% {transform:rotate(0);}
  50% {transform:rotate(5deg);}
  100% {transform:rotate(0);}
}

@keyframes FadeDown {
  0% {
    transform:translateY(-150px);
    opacity: 0;
  }

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

}

@keyframes circle{
  0% {
    transform: rotate(0);
  } 
  100% {
    transform: rotate(360deg);
  }
}

@keyframes SlideDown {
  0% {transform:translateY(0);}
  100% {transform:translateY(20px);}
}

@keyframes FadeDown2 {
  0% {transform:translateY(-10px);}
  100% {transform:translateY(0);}
}


@keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}


@keyframes blink-soft {
  0%   { opacity: 1; }
  50%  { opacity: 0.4; }
  100% { opacity: 1; }
}