@keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translatex(-200px);
      -moz-transform: translatex(-200px);
      -o-transform: translatex(-200px);
      transform: translatex(-200px);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
    }
  }

  
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

  @keyframes widthhigh{
    from{
      width: 0;
    }
    to{
      width: 100%;
    }
  }

  @keyframes hightanimation{
    from{
      max-height: 0;
    }
    to{
     max-height: auto;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translatex(200px);
      -moz-transform: translatex(200px);
      -o-transform: translatex(200px);
      transform: translatex(200px);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
    }
  }

  
  @keyframes fadeInTop {
    from {
      opacity: 0;
      -webkit-transform: translatey(100px);
      -moz-transform: translatey(100px);
      -o-transform: translatey(100px);
      transform: translatey(100px);
    }
    to {
      opacity: 1;
      -webkit-transform: translatey(0);
      -moz-transform: translatey(0);
      -o-transform: translatey(0);
      transform: translatey(0);
    }
  }

  
  @keyframes opacityblink {
    from {
      opacity: 0;
      transform: translatex(40px);
  
    }
    to {
      opacity: 1;
      transform: translatex(0);
  
    }
  }

  @keyframes fontsize {
    from {
      font-size: 10px;
    }
  
    to {
     font-size:19px;
    }
  }
  

  @keyframes opactyblinkleft {
    from {
      opacity: 0;
      transform: translatex(-40px);
  
    }
    to {
      opacity: 1;
      transform: translatex(0);
    }
  }

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

  @keyframes blink {
    0% {
      opacity: 0.2;
    }
  
    20% {
      opacity: 1;
    }
  
    100% {
      opacity: 0.2;
    }
  }

  
  @keyframes fadeIn {
    from {
      opacity: 0;
      -webkit-transform: translatex(-100px);
      -moz-transform: translatex(-100px);
      -o-transform: translatex(-100px);
      transform: translatex(-100px);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
    }
  }

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