{"version":3,"sources":["webpack://fox-hotel-music/./src/pages/404.js"],"names":["pageStyles","color","padding","fontFamily","headingStyles","marginTop","marginBottom","maxWidth","paragraphStyles","style","role","aria-label","to"],"mappings":"sJAIMA,EAAa,CACjBC,MAAO,UACPC,QAAS,OACTC,WAAY,4CAERC,EAAgB,CACpBC,UAAW,EACXC,aAAc,GACdC,SAAU,KAGNC,EAAkB,CACtBF,aAAc,IAqChB,UA1BqB,WACnB,OACE,wBAAMG,MAAOT,GACX,0CACA,sBAAIS,MAAOL,GAAX,kBACA,qBAAGK,MAAOD,GAAV,QACQ,IACN,wBAAME,KAAK,MAAMC,aAAW,iBAA5B,MAEQ,IAJV,8CAME,2BAOI,KACJ,2BACA,gBAAC,KAAD,CAAMC,GAAG,KAAT,WAfF","file":"component---src-pages-404-js-09e38b349bb088a86d88.js","sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\n// styles\nconst pageStyles = {\n  color: \"#232129\",\n  padding: \"96px\",\n  fontFamily: \"-apple-system, Roboto, sans-serif, serif\",\n}\nconst headingStyles = {\n  marginTop: 0,\n  marginBottom: 64,\n  maxWidth: 320,\n}\n\nconst paragraphStyles = {\n  marginBottom: 48,\n}\nconst codeStyles = {\n  color: \"#8A6534\",\n  padding: 4,\n  backgroundColor: \"#FFF4DB\",\n  fontSize: \"1.25rem\",\n  borderRadius: 4,\n}\n\n// markup\nconst NotFoundPage = () => {\n  return (\n    <main style={pageStyles}>\n      <title>Not found</title>\n      <h1 style={headingStyles}>Page not found</h1>\n      <p style={paragraphStyles}>\n        Sorry{\" \"}\n        <span role=\"img\" aria-label=\"Pensive emoji\">\n          😔\n        </span>{\" \"}\n        we couldn’t find what you were looking for.\n        <br />\n        {process.env.NODE_ENV === \"development\" ? (\n          <>\n            <br />\n            Try creating a page in <code style={codeStyles}>src/pages/</code>.\n            <br />\n          </>\n        ) : null}\n        <br />\n        <Link to=\"/\">Go home</Link>.\n      </p>\n    </main>\n  )\n}\n\nexport default NotFoundPage\n"],"sourceRoot":""}