@import url("00-hero-page.css");
@import url("01-partners.css");
@import url("02-location.css");
@import url("03-social-reviews.css");
@import url("04-about-extensions.css");
@import url("05-philosophy.css");
body.about-page::after {
  content: "About Modules Loaded ✅";
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: var(--color-accent);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 0.8rem;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  animation: fadeInOut 3s ease-in-out;
}

@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0;
  }
  10%,
  90% {
    opacity: 1;
  }
}