How do I remove the grey bars at the top and bottom a web page (integrity stack)

I want to remove the grey bars that go across the whole page. There’s one between the header and the first section, and another between the last section and the footer. Also how do I get rid of the grey box all around the content (sections 1 and 2). I am building a web page from scratch using the integrity stack. Thanks!

Ok figured out how to remove the content border. It’s custom CSS
.entry-wrap{
box-shadow:none;
}

What are the header and footer selectors?
Is there a list of them for the X theme available to look at anywhere?

and figured the rest out.

x-colophon{
border-top:none;
box-shadow:none;
}

.x-navbar{
border-bottom:none;
box-shadow:none;
}

Hi There,

We have some guidelines here (https://theme.co/apex/forum/t/customizations-css-class-index/207). Please provide us with URL to your site and mention the changes you required, so that we can assist you accordingly.

Thanks!