Center Css On Project Page

Would you like to center everything in your page like you see here? 

By inserting the CSS code below into your page, all your page content will be centered

Here is an example of Table of Contents Centered

Center	The	Table	Contents
Center	The	Table	Contents
Center	The	Table	Contents

Here is the CSS code for the current Page

(Table of contents, Headers, Download Bt, Comments, DevLogs, etc)

----

/* === Main Wrapper === */
#wrapper
/* === Header === */
div#header {
  text-align: center;
}
.header.has_image.align_left {
  text-align: center;
  padding-top: 20px;
}
/* === Layout Columns === */
#wrapper .columns {
  text-align: center;
  flex-direction: column-reverse;
}
#wrapper .left_col,
#wrapper .right_col {
  width: auto;
}
/* === Video === */
#wrapper .video_embed {
  max-width: 300px;
  margin: 20px auto;
}
/* === Buy Section === */
.buy_row {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;
}
.header_buy_row p,
.sub,
.uploads p,
.upload_list_widget {
  display: none;
}
/* === Tables === */
table {
  display: inline-block;
}
.user_formatted table {
  border: none;
  border-color: #ffffff00;
}
/* === Community / Comments === */
.community_post_form_widget {
  margin-left: auto;
  margin-right: auto;
  width: 40em;
}
.community_post_list_widget {
  display: inline-grid;
  text-align: left;
}
.click_input {
  text-align: center !important;
}
/* === Images === */
img.screenshot {
  display: inline !important;
  padding: 5px;
}
/* === Buttons === */
.toggle_info_btn {
  position: inherit;
}
/* === Center Devlog === */ 
.view_game_page .game_devlog ul li {     
margin: 0 0 5px 0;     
display: block !important;   /* Override flex */     
text-align: center;     
align-items: unset !important; 
}
/* === Embedded YouTube Button === */
button.embed_preload.youtube_preload {
  width: 100% !important;
  height: auto !important;
  background-position: center !important;
  aspect-ratio: 900 / 481;
}

Here is the HTML code for Youtube Video Preview so it stays as big when clicked!

Note, change the video embed ending for your own video!

----

</p><p><br></p><p><br></p>
<div class="video-container">
  <iframe allowfullscreen="" frameborder="3" src="//www.youtube.com/embed/77QR5JAvmXE" height="481" width="900"></iframe>
</div>