@keyframes animate-fade-up {
  0% {
    opacity: 0;
    transform: translate(0, 3rem);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes animate-fade-left {
  0% {
    opacity: 0;
    transform: translate(3rem);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes animate-fade-right {
  0% {
    opacity: 0;
    transform: translate(-3rem);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes animate-fade-up-left {
  0% {
    opacity: 0;
    transform: translate(3rem, 3rem);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes animate-fade-up-right {
  0% {
    opacity: 0;
    transform: translate(-3rem, 3rem);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.fade-up {
  animation: 1s ease-out both animate-fade-up;
}

.fade-left {
  animation: 1s ease-out both animate-fade-left;
}

.fade-right {
  animation: 1s ease-out both animate-fade-right;
}

.fade-up-left {
  animation: 1s ease-out both animate-fade-up-left;
}

.fade-up-right {
  animation: 1s ease-out both animate-fade-up-right;
}

.not-in-view {
  opacity: 0;
}
/*# sourceMappingURL=menu.f88e0379.css.map */