@import "./tailwind";
@import "./icons";
@import "./defaults";
@import "./typograhpy";
@import "typography-web";

.center {
  @apply absolute transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2;
}

.animate {
  @apply transition-all duration-500;

  &:not(.animated-in) {
    @apply opacity-0;
  }
}


.fade-enter-active, .fade-leave-active {
  transition: all 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}