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

{"version":3,"sources":["webpack:///./src/pages/404.jsx"],"names":["CloseWrapper","styled","div","NotFoundPage","title","isDark","style","opacity","href"],"mappings":"2FAAA,gIAWMA,EAAeC,IAAOC,IAAV,2EAAGD,CAAH,8EA8BHE,UAxBM,kBACnB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,mBACX,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMC,QAAM,GACV,kBAACL,EAAD,CAAcM,MAAO,CAAEC,QAAS,IAC9B,kBAAC,IAAD,CAAQC,KAAK,KACX,kBAAC,IAAD,QAIJ,kBAAC,IAAD,CAASF,MAAO,CAAEC,QAAS,IAA3B,MAEE,kBAAC,IAAD,gBAEF,kBAAC,IAAD,CAAQD,MAAO,CAAEC,QAAS,IACxB,kBAAC,IAAD,6BADF","file":"component---src-pages-404-jsx-ed040db6a08d15d6904b.js","sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport tw from \"tailwind.macro\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport LinkTo from \"../components/LinkTo\"\nimport AppWrapper from \"../views/AppWrapper\"\nimport Hero from \"../views/Hero\"\nimport CircleIcon from \"../elements/CircleIcon\"\nimport { H1Light, PLight, Highlight, WrapTextBlock } from \"../elements/Text\"\n\nconst CloseWrapper = styled.div`\n  ${tw`md:absolute`};\n  right: 2%;\n  top: 2%;\n`\n\nconst NotFoundPage = () => (\n  <Layout>\n    <SEO title=\"404: Not found\" />\n    <AppWrapper>\n      <Hero isDark>\n        <CloseWrapper style={{ opacity: 0 }}>\n          <LinkTo href=\"/\">\n            <CircleIcon />\n          </LinkTo>\n        </CloseWrapper>\n\n        <H1Light style={{ opacity: 0 }}>\n          Not\n          <Highlight> Found</Highlight>\n        </H1Light>\n        <PLight style={{ opacity: 0 }}>\n          <WrapTextBlock>You just hit a route</WrapTextBlock>\n          that doesn&#39;t exist... the sadness. But there is hope.\n        </PLight>\n      </Hero>\n    </AppWrapper>\n  </Layout>\n)\n\nexport default NotFoundPage\n"],"sourceRoot":""}