.correcto {
  animation: positivo 0.2s linear;
  animation-iteration-count: 3;
  border-bottom: 2px solid green;
}
.incorrecto {
  animation: negativo 0.2s linear;
  animation-iteration-count: 3;
  border-bottom: 2px solid crimson;
}

@keyframes negativo {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5%);
  }
  50% {
    transform: translateX(5%);
  }
}

@keyframes positivo {
  0%,
  100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(10%);
  }
  50% {
    transform: translateY(10%);
  }
}
.fsize{
	font-size:1em;
}