/* Center the whole app and cap the max width */
body {
  display: flex;
  justify-content: center;
}

/* Main Homepage app container (Next.js root) */
body #__next {
  width: 100%;
  max-width: 1250px;  /* <- tweak this number: 1400, 1600, etc. */
}

/* Optional: small vertical padding so it doesn't touch browser edges */
body #__next > div {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}