:root {
  --animation-duration: 0.1s;
  --animation-in: 0.5s;
  --long-animation: 1.5s;
  --long-animation-out: 0.2s;
}

.fadeIn {
  animation: 0.5s fadeInAn forwards;
  animation: var(--animation-in) fadeInAn forwards;
}

.fadeInHome {
  animation: 1.5s fadeInHomeAn forwards;
  animation: var(--long-animation) fadeInHomeAn forwards;
}

.fadeOutHome {
  animation: 0.2s fadeOutHomeAn forwards;
  animation: var(--long-animation-out) fadeOutHomeAn forwards;
}

.fadeOut {
  animation: 0.1s fadeOutAn forwards;
  animation: var(--animation-duration) fadeOutAn forwards;
}

@keyframes fadeInHomeAn {
  from {
    opacity: 0;
    filter: blur(10px);
  }

  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes fadeOutHomeAn {
  from {
    opacity: 1;
    filter: blur(0);
  }

  to {
    opacity: 0;
    filter: blur(10px);
  }

}

@keyframes fadeInAn {
  from {
    opacity: 0;
    filter: blur(5px);
    transform: translate(-40px, 0);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: translate(0px, 0px);
  }
}

@keyframes fadeOutAn {
  from {
    opacity: 1;
    filter: blur(0);
    transform: translate(0px, 0px);
  }

  to {
    transform: translate(-40px, 0);
    opacity: 0;
    filter: blur(10px);
  }
}

/*# sourceMappingURL=main~302ed74f.9436bfa9.css.map*/