component---src-pages-404-jsx-e47b4cb7e798033e3bc2.js.map

{"version":3,"file":"component---src-pages-404-jsx-e47b4cb7e798033e3bc2.js","mappings":"gMAQA,MAAMA,EAAWC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAVJ,CAAU,yPAMhBK,GAASA,EAAMC,MAAMC,OAAOC,eA4BvC,UAVqBC,IACnBC,EAAAA,cAACC,EAAAA,EAAM,KACLD,EAAAA,cAACE,EAAAA,EAAG,CAACC,MAAOA,EAAAA,MAAOC,YAAaA,EAAAA,YAAaC,IAAKC,EAAAA,UAClDN,EAAAA,cAACX,EAAQ,KACPW,EAAAA,cAAA,UAAI,aACJA,EAAAA,cAAA,UAAI,sB","sources":["webpack://gatsby-starter-hoodie/./src/pages/404.jsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\n\nimport Layout from \"components/Layout\"\nimport SEO from \"components/SEO\"\n\nimport { title, description, siteUrl } from \"../../blog-config\"\n\nconst NotFound = styled.div`\n  height: 800px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: ${props => props.theme.colors.tertiaryText};\n\n  & > h2 {\n    margin-bottom: 16px;\n    font-weight: bold;\n    font-size: 48px;\n  }\n\n  & > h3 {\n    font-weight: lighter;\n    font-size: 30.4px;\n  }\n\n  @media (max-width: 768px) {\n    height: 300px;\n  }\n`\n\nconst NotFoundPage = () => (\n  <Layout>\n    <SEO title={title} description={description} url={siteUrl} />\n    <NotFound>\n      <h2>404 ERROR</h2>\n      <h3>Page Not Found X(</h3>\n    </NotFound>\n  </Layout>\n)\n\nexport default NotFoundPage\n"],"names":["NotFound","styled","div","withConfig","displayName","componentId","props","theme","colors","tertiaryText","NotFoundPage","React","Layout","SEO","title","description","url","siteUrl"],"sourceRoot":""}