/* Center the main container and content */
.container {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

.container.center {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

/* Ensure the content div is also centered */
.content {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Center the main content sections */
.index-content,
.home-content,
.post-content {
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: left !important;
}

/* Responsive design */
@media (max-width: 768px) {
  .container,
  .container.center {
    padding: 0 1rem !important;
    max-width: 100% !important;
  }
}