old_contents: import React from 'react'
  import { ThemeProvider } from 'emotion-theming'
  import Helmet from 'react-helmet'
  import '../styles/reset'
  import theme, * as palette from '../styles/themeDark'
  import config from '../utils/siteConfig'
  import Wrapper from '../components/Wrapper'
  import Menu from '../components/Menu'
  import { injectGlobal } from 'emotion'
  
  injectGlobal`
  body {
    background: ${palette.BASE} !important;
    color: ${palette.SECONDARY} !important;
  }
  h1,h2,h3,h4,h5,h6,a,strong {
    color: ${palette.TERTIARY};
  }
  p {
    color: ${palette.SECONDARY};
  }
  a{
    transition: all 0.5s;
    color: ${palette.TERTIARY};
    &:hover {
    color: ${palette.HIGHLIGHT};
    }
  }
  svg {
    transition: all 0.5s;
    fill: ${palette.TERTIARY};
    &:hover {
      fill: ${palette.HIGHLIGHT};
    }
  }
  .bm-overlay, .bm-menu-wrap {
    background: ${palette.BASE} !important;
  }
  .bm-cross {
    background: ${palette.TERTIARY};
  }
  .bm-burger-bars {
    background: ${palette.TERTIARY};
  }
  `
  
  const Layout = ({ children, location }) => {
    return (
      <div className="siteRoot">
        <Helmet>
          <html lang="en" />
          <title>{config.siteTitle}</title>
          <meta charSet="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link rel="icon" href="/logos/logo-512.png" />
          <link rel="apple-touch-icon" href="/logos/logo-512.png" />
          <meta name="description" content={config.siteDescription} />
          <meta property="og:title" content={config.siteTitle} />
          <meta property="og:url" content={config.siteUrl} />
          <meta property="og:locale" content="en_US" />
          <meta property="og:type" content="website" />
          <meta property="og:site_name" content={config.siteTitle} />
        </Helmet>
  
        <ThemeProvider theme={theme}>
          <Wrapper>
            <div id="outer-container">
              <Menu />
              <div className="siteContent" id="page-wrap">
              <div className="siteContent" id="page-wrap">
                {children}
              </div>
            </div>
          </Wrapper>
        </ThemeProvider>
      </div>
    )
  }
  
  export default Layout
  
new_contents: import React from 'react'
  import { ThemeProvider } from 'emotion-theming'
  import Helmet from 'react-helmet'
  import '../styles/reset'
  import theme, * as palette from '../styles/themeDark'
  import config from '../utils/siteConfig'
  import Wrapper from '../components/Wrapper'
  import Menu from '../components/Menu'
  import { injectGlobal } from 'emotion'
  
  injectGlobal`
  body {
    background: ${palette.BASE} !important;
    color: ${palette.SECONDARY} !important;
  }
  h1,h2,h3,h4,h5,h6,a,strong {
    color: ${palette.TERTIARY};
  }
  p {
    color: ${palette.SECONDARY};
  }
  a{
    transition: all 0.5s;
    color: ${palette.TERTIARY};
    &:hover {
    color: ${palette.HIGHLIGHT};
    }
  }
  svg {
    transition: all 0.5s;
    fill: ${palette.TERTIARY};
    &:hover {
      fill: ${palette.HIGHLIGHT};
    }
  }
  .bm-overlay, .bm-menu-wrap {
    background: ${palette.BASE} !important;
  }
  .bm-cross {
    background: ${palette.TERTIARY};
  }
  .bm-burger-bars {
    background: ${palette.TERTIARY};
  }
  `
  
  const Layout = ({ children, location }) => {
    return (
      <div className="siteRoot">
        <Helmet>
          <html lang="en" />
          <title>{config.siteTitle}</title>
          <meta charSet="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link rel="icon" href="/logos/logo-512.png" />
          <link rel="apple-touch-icon" href="/logos/logo-512.png" />
          <meta name="description" content={config.siteDescription} />
          <meta property="og:title" content={config.siteTitle} />
          <meta property="og:url" content={config.siteUrl} />
          <meta property="og:locale" content="en_US" />
          <meta property="og:type" content="website" />
          <meta property="og:site_name" content={config.siteTitle} />
        </Helmet>
  
        <ThemeProvider theme={theme}>
          <Wrapper>
            <div id="outer-container">
              <Menu />
              <div className="siteContent" id="page-wrap">
                {children}
              </div>
            </div>
          </Wrapper>
        </ThemeProvider>
      </div>
    )
  }
  
  export default Layout
  
subject: Fix layout