component---src-pages-404-js-8445982b695075b074a8.js.map

{"version":3,"sources":["webpack:https:///./src/pages/404.js"],"names":["MainContainer","styled","Main","withConfig","displayName","componentId","mixins","sidePadding","flexCenter","Title","h1","theme","colors","green","fonts","SFMono","media","phablet","_templateObject","Subtitle","h2","_templateObject2","HomeButton","Link","bigButton","NotFoundPage","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_components_layout__WEBPACK_IMPORTED_MODULE_3__","id","to"],"mappings":"sUAQA,IAAMA,EAAgBC,YAAOC,KAAVC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,YAAGJ,CAAH,2DACfK,IAAOC,YACPD,IAAOE,YAILC,EAAQR,IAAOS,GAAVP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,YAAGJ,CAAH,sHACAU,IAAMC,OAAOC,MACPF,IAAMG,MAAMC,OAMzBC,IAAMC,QARCC,MAULC,EAAWlB,IAAOmB,GAAVjB,WAAA,CAAAC,YAAA,mBAAAC,YAAA,YAAGJ,CAAH,4FAMVe,IAAMC,QANII,MAQRC,EAAarB,YAAOsB,QAAVpB,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,yBACZK,IAAOkB,WAcIC,UAVM,kBACnBC,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACEH,EAAAC,EAAAC,cAAC5B,EAAD,CAAe8B,GAAG,WAChBJ,EAAAC,EAAAC,cAACnB,EAAD,YACAiB,EAAAC,EAAAC,cAACT,EAAD,uBACAO,EAAAC,EAAAC,cAACN,EAAD,CAAYS,GAAG,KAAf","file":"component---src-pages-404-js-8445982b695075b074a8.js","sourcesContent":["import React from 'react';\r\nimport { Link } from 'gatsby';\r\n\r\nimport Layout from '../components/layout';\r\n\r\nimport styled from 'styled-components';\r\nimport { theme, mixins, media, Main } from '../styles';\r\n\r\nconst MainContainer = styled(Main)`\r\n  ${mixins.sidePadding};\r\n  ${mixins.flexCenter};\r\n  flex-direction: column;\r\n  height: 100vh !important;\r\n`;\r\nconst Title = styled.h1`\r\n  color: ${theme.colors.green};\r\n  font-family: ${theme.fonts.SFMono};\r\n  font-size: 20vw;\r\n  line-height: 1;\r\n  @media screen and (min-width: 1200px) {\r\n    font-size: 200px;\r\n  }\r\n  ${media.phablet`font-size: 120px;`};\r\n`;\r\nconst Subtitle = styled.h2`\r\n  font-size: 5vw;\r\n  font-weight: 400;\r\n  @media screen and (min-width: 1200px) {\r\n    font-size: 50px;\r\n  }\r\n  ${media.phablet`font-size: 30px;`};\r\n`;\r\nconst HomeButton = styled(Link)`\r\n  ${mixins.bigButton};\r\n  margin-top: 40px;\r\n`;\r\n\r\nconst NotFoundPage = () => (\r\n  <Layout>\r\n    <MainContainer id=\"content\">\r\n      <Title>404</Title>\r\n      <Subtitle>Page Not Found</Subtitle>\r\n      <HomeButton to=\"/\">Go Home</HomeButton>\r\n    </MainContainer>\r\n  </Layout>\r\n);\r\n\r\nexport default NotFoundPage;\r\n"],"sourceRoot":""}