//v-if
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
//tabs
.tab-enter-active,
.tab-leave-active {
  transition: opacity 1.2s ease;
}

.tab-enter-from,
.tab-leave-to {
  opacity: 0;
}
//list
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bodyHover {
  from {
    background-color: white;
  }
  to {
    background-color: #0a59f7;
  }
}
@keyframes stepHover {
  from {
    background-color: white;
  }
  to {
    background-color: grey;
  }
}
@keyframes cardHover {
  from {
    color: black;
  }
  to {
    color: #0a59f7;
  }
}
@keyframes tabShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
