import React from 'react';
import PropTypes from 'prop-types';
import Head from 'next/head';
import Normalize from '../components/css/Normalize';
import BodyStyles from '../components/css/BodyStyles';

const Document = ({ children }) => (
  <div>
    <Head>
      <title>Logan McAnsh</title>
      <meta charSet="utf-8" />
      <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      <link rel="mask-icon" href="/static/images/website_icon.svg" color="#FC6C2B" />
      <link rel="shortcut icon" href="/static/images/favicon.png" />
      <Normalize />
      <BodyStyles />
    </Head>
    {children}
    <script src="/static/js/main.js" />
  </div>
);

Document.propTypes = {
  children: PropTypes.node.isRequired
};

export default Document;

@@ -201,23 +201,21 @@
 %0A%0Aconst 
-Documen
+Layou
 t = (%7B c
@@ -472,14 +472,14 @@
 r=%22#
-FC6C2B
+E53A40
 %22 /%3E
@@ -669,23 +669,21 @@
 iv%3E%0A);%0A%0A
-Documen
+Layou
 t.propTy
@@ -751,14 +751,12 @@
 ult 
-Documen
+Layou
 t;%0A

update layout