{"version":3,"file":"component---src-pages-404-tsx-e6f640e4f4acb2b7431b.js","mappings":"8OAUMA,GAAkBC,EAAAA,EAAAA,SAAOC,EAAAA,IAAV,8EAAGD,CAAH,+VAYF,gBAAGE,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAe,CAC7CD,MAAAA,EACAE,QAAS,cAQQ,gBAAGF,EAAH,EAAGA,MAAH,OACjBC,EAAAA,EAAAA,IAAe,CACbD,MAAAA,EACAE,QAAS,cAaM,gBAAGF,EAAH,EAAGA,MAAH,OACjBC,EAAAA,EAAAA,IAAe,CACbD,MAAAA,EACAE,QAAS,iBAgEf,UAzDqB,WACnB,OACE,gBAAC,IAAD,KACE,gCACE,gBAAC,IAAD,CACEC,MAAM,gBACNC,YAAY,0EACZC,cAAc,OACdC,OAAO,sBAGT,0BACEC,KAAK,SACLC,GAAG,QAEH,gBAAC,IAAD,CACEC,aAAW,EACXC,aAAa,WAIjB,wBACEF,GAAG,eACHD,KAAK,QAEL,sBAAII,UAAU,cAAd,mBAIA,gBAACd,EAAD,CAAiBc,UAAU,qBACzB,uBAAKA,UAAU,qBACb,yBACE,uCAIC,IALH,4BAQE,2BAEA,2EAQR,0BAAQJ,KAAK,eACX,gBAAC,IAAD","sources":["webpack://gravitywell-website-2019/./src/pages/404.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\nimport { HalfColumnWidthWrapper } from \"../components/confines-wrappers\";\nimport Footer from \"../components/footer\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport Layout from \"../components/layout\";\nimport { fontSizeHelper } from \"../theme/theme-helper\";\n\nconst NotFoundWrapper = styled(HalfColumnWidthWrapper)`\n  transition: 0.2s ease-in-out;\n  padding-top: 6.4rem;\n\n  .content-container {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    min-height: 68vh;\n\n    p {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 568px) {\n    .content-container {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    padding-top: 8.2rem;\n  }\n\n  @media (min-width: 960px) {\n    .content-container {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n  }\n`;\n\nconst NotFoundPage = () => {\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          title=\"404 Not found\"\n          description=\"Opps. Your page does not exist... The sadness... The pain... The agony!\"\n          canonicalPath=\"/404\"\n          robots=\"noindex, nofollow\"\n        />\n\n        <header\n          role=\"banner\"\n          id=\"hero\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"light\"\n          />\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            Not found (404)\n          </h1>\n\n          <NotFoundWrapper className=\"not-found-wrapper\">\n            <div className=\"content-container\">\n              <p>\n                <strong>\n                  Oops.\n                </strong>\n\n                {\" \"}\n                Your page does not exist.\n\n                <br />\n\n                <strong>\n                  The sadness... The pain... The agony!\n                </strong>\n              </p>\n            </div>\n          </NotFoundWrapper>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default NotFoundPage;\n"],"names":["NotFoundWrapper","styled","HalfColumnWidthWrapper","theme","fontSizeHelper","variant","title","description","canonicalPath","robots","role","id","initialLogo","initialTheme","className"],"sourceRoot":""}