Refactor/to scss layout

CHANGELOG.md

@@ -180,6 +180,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
   - Decorations/Bracket
   - Decorations/Stick
   - TwoColumn
+  - Layout
   - RelatedPosts
 - Extracted :root from themes.scss to globals.scss
 - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility
@@ -191,3 +192,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
   - home(index) page
 - Created a combineClasses function to clean up conditional class handling
 - Rename RowAlignLeft to Row
+- Remove unessesary stylings from the Layout.

components/layout/Layout/index.js

@@ -3,7 +3,6 @@ import { heroOptions } from '@/utils/hero-options';
 import Hero from '@/components/layout/Hero';
 import Meta from '@/components/layout/Meta';
 import Footer from '@/components/layout/Footer';
-import S from './styles';
 
 export default function Layout({ children }) {
   const router = useRouter();
@@ -15,11 +14,11 @@ export default function Layout({ children }) {
   return (
     <>
       <Meta />
-      <S.Main>
+      <main>
         <Hero {...heroOptions[heroKey]} />
         {children}
         <Footer />
-      </S.Main>
+      </main>
     </>
   );
 }