/* Import Google Fonts once here */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Libertinus+Serif+Display&display=swap');


/* Import modular CSS files */
@import "reset.css";
@import "typography.css";
@import "layout.css";
@import "hero.css";
@import "button.css";
@import "footer.css";
@import "about.css";

section {
  max-width: 1200px;   /* adjust to your design width */
  margin: 0 auto;      /* centers the section horizontally */
  padding: 2rem;       /* adds breathing space on smaller screens */
  box-sizing: border-box;
}
body {
  display: flex;
  flex-direction: column;
  align-items: center;   /* centers everything horizontally */
}