* {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; /* Center the content box */
  padding-left: 5%; /* Much closer to center */
  padding-right: 5%; /* Balance the padding on both sides */
  padding-top: 80px; /* Reduced top padding for better vertical balance */
  font-size: 20px;
}

/* Mobile support */
@media only screen and (max-device-width: 600px) {
  body {
    width: 90%; /* Set explicit width for mobile */
    padding-left: 0; /* Remove left padding */
    padding-right: 0; /* Remove right padding */
    padding-top: 60px;
    margin: 0 auto; /* Ensure auto margin is applied on mobile */
    overflow-x: hidden;
  }
}
  
/* Dark mode support */
:root {
  color-scheme: light dark;
}

/* Dark color scheme */
@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white; /* Text color */
  }
}