@keyframes fadeDown {
    from {
      opacity: 0;
      /*transform: translateY(-20%);*/
    }

    to {
      opacity: 1;
      /*transform: translateY(0%);*/

    }
  }

  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translateY(0%);
    }

    to {
      opacity: 1;
      transform: translateY(-20%);

    }
  }

  @keyframes LetterBox {
    from {
      letter-spacing: 30px;
      opacity: 0 transform: translateX(10%);

    }

    to {
      letter-spacing: 10px;
      opacity: 1;
      transform: translateX(0%);

    }
  }

  @keyframes updown {
    0% {
      transform: translateY(0px);
    }

    50% {
      transform: translateY(10px);
    }

    100% {
      transform: translateY(0px);
    }
  }