/* Base */
@import "base/reset.css";
@import "base/typography.css";
@import "base/variables.css";
@import "base/scroll-animation.css";

/* Components */
@import "components/header.css";
@import "components/hero.css";
@import "components/about.css";
@import "components/our-games.css";
@import "components/reviews.css";
@import "components/references.css";
@import "components/footer.css";
@import "components/team.css";
@import "components/contact.css";

/* Layouts */
@import "layouts/grid.css";
@import "layouts/flex.css";

.section-hidden {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.section-reveal {
  opacity: 1;
  transform: translateY(0);
}