/* ANIMACIONES
*
* moveUp: para los inputs del formulario;
* moveDown: Para la pregunta y texto de ayuda de cada input
***************/

@keyframes moveUp {
  from {
    transform: translate(0%, -100%);
  }
  to {
    transform: translate(0%, 0%);
  }
}

@keyframes moveDown {
    from {
      transform: translate(0%, 100%);
    }
    to {
      transform: translate(0%, 0%);
    }
  }

  @keyframes moveUpMessage {
    from {
      transform: translate(0%, 50%);
    }
    to {
      transform: translate(0%, 0%);
    }
  }

  @keyframes moveDownTitles {
    from {
      transform: translate(0%, -50%);
    }
    to {
      transform: translate(0%, 0%);
    }
  }