component---src-pages-404-js-4c2d397f9c4e0f08fc33.js.map

{"version":3,"sources":["webpack:///./src/pages/404.js"],"names":["colors","theme","fonts","MainContainer","styled","Main","withConfig","displayName","componentId","mixins","flexCenter","Title","h1","green","SFMono","media","bigDesktop","_templateObject","phablet","_templateObject2","Subtitle","h2","_templateObject3","_templateObject4","HomeButton","Link","bigButton","NotFoundPage","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_components__WEBPACK_IMPORTED_MODULE_3__","id","to"],"mappings":"qeAKQA,EAAkBC,IAAlBD,OAAQE,EAAUD,IAAVC,MAEVC,EAAgBC,YAAOC,KAAVC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,YAAGJ,CAAH,uDACfK,IAAOC,YAILC,EAAQP,IAAOQ,GAAVN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,YAAGJ,CAAH,oEACAJ,EAAOa,MACDX,EAAMY,OAGnBC,IAAMC,WALCC,KAMPF,IAAMG,QANCC,MAQLC,EAAWhB,IAAOiB,GAAVf,WAAA,CAAAC,YAAA,mBAAAC,YAAA,YAAGJ,CAAH,2CAGVW,IAAMC,WAHIM,KAIVP,IAAMG,QAJIK,MAMRC,EAAapB,YAAOqB,KAAVnB,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,yBACZK,IAAOiB,WAcIC,UAVM,kBACnBC,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACEH,EAAAC,EAAAC,cAAC3B,EAAD,CAAe6B,GAAG,WAChBJ,EAAAC,EAAAC,cAACnB,EAAD,YACAiB,EAAAC,EAAAC,cAACV,EAAD,uBACAQ,EAAAC,EAAAC,cAACN,EAAD,CAAYS,GAAG,KAAf","file":"component---src-pages-404-js-4c2d397f9c4e0f08fc33.js","sourcesContent":["import React from 'react';\nimport { Link } from 'gatsby';\nimport { Layout } from '@components';\nimport styled from 'styled-components';\nimport { theme, mixins, media, Main } from '@styles';\nconst { colors, fonts } = theme;\n\nconst MainContainer = styled(Main)`\n  ${mixins.flexCenter};\n  flex-direction: column;\n  height: 100vh !important;\n`;\nconst Title = styled.h1`\n  color: ${colors.green};\n  font-family: ${fonts.SFMono};\n  font-size: 12vw;\n  line-height: 1;\n  ${media.bigDesktop`font-size: 200px;`}\n  ${media.phablet`font-size: 120px;`};\n`;\nconst Subtitle = styled.h2`\n  font-size: 3vw;\n  font-weight: 400;\n  ${media.bigDesktop`font-size: 50px;`};\n  ${media.phablet`font-size: 30px;`};\n`;\nconst HomeButton = styled(Link)`\n  ${mixins.bigButton};\n  margin-top: 40px;\n`;\n\nconst NotFoundPage = () => (\n  <Layout>\n    <MainContainer id=\"content\">\n      <Title>404</Title>\n      <Subtitle>Page Not Found</Subtitle>\n      <HomeButton to=\"/\">Go Home</HomeButton>\n    </MainContainer>\n  </Layout>\n);\n\nexport default NotFoundPage;\n"],"sourceRoot":""}