Center Roblox Home Page by NotValra

/* ==UserStyle==
@name         Center Roblox Home Page
@version      20220803.22.19
@namespace    userstyles.world/user/cass_per
@description  Centers the content
@author       cass_per
@license      No License
==/UserStyle== */

@-moz-document url("https://www.roblox.com/home") {
  /* Move the HomeContainer (black background) to the left */
  #HomeContainer {
    width: 100%;         /* Ensure it stretches the full width */
    max-width: 1200px;   /* Set a max width */
    margin: 0 auto;      /* Center it horizontally */
    padding: 20px;       /* Optional padding */
    position: relative;  /* Enable positioning */
    left: 00px;         /* Move the black background to the left */
  }

  /* Move the content inside HomeContainer to the right */
  #HomeContainer .section,
  #HomeContainer .place-list {
    max-width: 1968px;   /* Adjusted width for the content */
    margin: auto;        /* Keep content centered inside */
    position: relative;  /* Enable positioning */
    left: 0px;          /* Move the content to the right */
  }

  /* Optional: Make sure the content isn't too wide */
  #container-main .content {
    max-width: 1199px;   /* Set the max width */
    margin: 0 auto;      /* Center it horizontally */
    padding: 20px;       /* Optional padding */
    position: relative;  /* Enable positioning */
    left: 70px;         /* Move the black background to the left */
  }
}