{"version":3,"sources":["webpack://t-cards-online/./src/pages/404.js"],"names":["outer","display","justifyContent","alignItems","height","block","width","pic","maxWidth","head","fontSize","sub","style","Link","to","S","src","alt"],"mappings":"g7BAKMA,EAAQ,CACZC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,OAAQ,SAGJC,EAAQ,CACZC,MAAO,OAGHC,EAAM,CACVC,SAAU,OACVF,MAAO,OACPF,OAAQ,QAGJK,EAAO,CACXC,SAAU,UAGNC,EAAM,CACVD,SAAU,UAsBZ,UAnBqB,WACnB,OACE,gBAAC,IAAD,KACE,uBAAKE,MAAOZ,GACV,uBAAKY,MAAOP,GACV,sBAAIO,MAAOH,GAAX,4BAEA,qBAAGG,MAAOD,GACR,gBAAC,EAAAE,KAAD,CAAMC,GAAG,KAAT,kCAGJ,uBAAKF,MAAOP,GACV,gBAAC,EAAAU,EAAD,CAAaH,MAAOL,EAAKS,IAAI,0BAA0BC,IAAI,GAA3D","file":"component---src-pages-404-js-5ec95811794c0e1a9cf8.js","sourcesContent":["import * as React from \"react\";\r\nimport { Link } from \"gatsby\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\nimport Layout from \"../components/Layout/Layout\";\r\n\r\nconst outer = {\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  height: \"100vh\",\r\n};\r\n\r\nconst block = {\r\n  width: \"30%\",\r\n};\r\n\r\nconst pic = {\r\n  maxWidth: \"100%\",\r\n  width: \"auto\",\r\n  height: \"auto\",\r\n};\r\n\r\nconst head = {\r\n  fontSize: \"2.3rem\",\r\n};\r\n\r\nconst sub = {\r\n  fontSize: \"1.2rem\",\r\n};\r\n\r\nconst NotFoundPage = () => {\r\n  return (\r\n    <Layout>\r\n      <div style={outer}>\r\n        <div style={block}>\r\n          <h1 style={head}>You appear to be lost...</h1>\r\n\r\n          <p style={sub}>\r\n            <Link to='/'>Retrace your steps back home</Link>\r\n          </p>\r\n        </div>\r\n        <div style={block}>\r\n          <StaticImage style={pic} src='../images/not-found.png' alt='' />\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default NotFoundPage;\r\n"],"sourceRoot":""}