/* all.css is the single stylesheet entry linked by the HTML shell. It pulls
   in the global styles plus the per-component/port CSS files that were
   previously imported by each React component. Order matters: globals first,
   then components, then page styles. */

@import "global.css";

/* components */
@import "components/layout.css";
@import "components/logo.css";
@import "components/header.css";
@import "components/footer.css";
@import "components/card.css";
@import "components/card-matrix.css";
@import "components/play.css";
@import "components/presentation.css";
@import "components/photo-gallery.css";
@import "components/reference-card.css";
@import "components/scroll-down.css";
@import "components/loading.css";

/* pages */
@import "pages/homepage.css";
@import "pages/contact.css";
@import "pages/video-details.css";