Home Page Full Width CSS

Hi - I am using the CSS below to create a single column 800px wide layout for posts, pages and archives, i.e. anything with the .no-sidebar class. However, I want the homepage to be full width so I can create a custom home page using GenerateBlocks, but I want all the other webpages (posts, pages, archives, category pages) to be 800px wide in a single column format. Do I need to use CSS to create a full width homepage? The domain is {edited} but it's currently showing blog posts on the homepage.

The CSS I am using is:

.no-sidebar .inside-article {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

h1.page-title {
text-align: left;
font-size: 30px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.author .page-header .page-title {
justify-content: left;
font-size: 30px;
max-width: 800px;
}

.author-info {
text-align: left;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.rank-math-breadcrumb {
font-size: 14px;
font-weight: 800;
}

.site-footer {
font-size: 12px;
}

Can you help me get the home page full width?

Thank you.