Add style after new guidelines, markup and restructuring of components

src/layouts/index.js

@@ -5,9 +5,10 @@ import Helmet from 'react-helmet'
 import Header from '../components/Header'
 import Footer from '../components/Footer'
 import "../styles/index.css"
+import "../styles/custom.css"
 
 const Layout = ({ children, data }) => (
-  <div className="font-sans container mx-auto">
+  <div className="font-sans mx-auto">
     <Helmet
       title={data.site.siteMetadata.title}
       meta={[