{"version":3,"sources":["webpack:///./src/views/404/styles/index.js","webpack:///./src/views/404/index.js","webpack:///./src/pages/404.js"],"names":["Wrapper","styled","div","isMobile","Header","h1","Title","h2","Text","p","FourOhFour","style","marginBottom","NotFoundPage","title"],"mappings":"+JAGaA,EAAUC,IAAOC,IAAV,sEAAGD,CAAH,+CAIhBE,YAAQ,kHAUCC,EAASH,IAAOI,GAAV,qEAAGJ,CAAH,oYA2BfE,YAAQ,wIAYCG,EAAQL,IAAOM,GAAV,oEAAGN,CAAH,mLAUdE,YAAQ,wFASCK,EAAOP,IAAOQ,EAAV,mEAAGR,CAAH,mLAUbE,YAAQ,+GClEGO,EAhBI,WACjB,OACE,kBAACV,EAAD,KACE,kBAACI,EAAD,YACA,kBAACE,EAAD,qBAEE,6BAFF,wBAIA,kBAACE,EAAD,CAAMG,MAAO,CAAEC,aAAc,SAA7B,qDCCSC,UAPM,kBACnB,oCACE,kBAAC,IAAD,CAAKC,MAAM,0BACX,kBAAC,EAAD","file":"component---src-pages-404-js-5569e6660c09a1d469b5.js","sourcesContent":["import styled from \"styled-components\"\nimport { isMobile } from \"react-device-detect\"\n\nexport const Wrapper = styled.div`\n  width: 100%;\n  height: 100%;\n  padding-top: 10%;\n  ${isMobile &&\n  `\n    padding-top: 30%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    \n  `}\n`\nexport const Header = styled.h1`\n  color: #ffffff;\n  font-family: Open Sans;\n  font-size: 3.75rem;\n  font-weight: 300;\n  font-style: normal;\n  letter-spacing: normal;\n  line-height: 1.25rem;\n  text-align: center;\n  position: relative;\n  margin-bottom: 10rem;\n  &::before {\n    content: \"\";\n    border-bottom: 1px solid #fff;\n    width: 100%;\n    position: absolute;\n    left: 55%;\n    top: 50%;\n  }\n  &::after {\n    content: \"\";\n    border-bottom: 1px solid #fff;\n    width: 100%;\n    position: absolute;\n    right: 55%;\n    top: 50%;\n  }\n  ${isMobile &&\n  `\n    &::before {\n      left: 130%;\n      width: 100vw;\n    }\n    &::after {\n      width: 100vw;\n      right: 130%;\n    }\n  `}\n`\nexport const Title = styled.h2`\n  color: #ffffff;\n  font-family: \"Abril Fatface\";\n  font-size: 4.25rem;\n  font-weight: 400;\n  line-height: 5rem;\n  text-align: left;\n  margin-bottom: 5rem;\n  margin-left: 50%;\n  transform: translateX(-30%);\n  ${isMobile &&\n  `\n    transform: none;\n    margin: 0;\n    margin-left: 5rem;\n  width: 100%;\n\n  `}\n`\nexport const Text = styled.p`\n  color: #ffffff;\n  font-family: \"Open Sans\";\n  font-size: 1.32rem;\n  font-weight: 400;\n  font-style: normal;\n  letter-spacing: normal;\n  text-align: left;\n  margin-left: 50%;\n  transform: translateX(-30%);\n  ${isMobile &&\n  `\n  width: 100%;\n    transform: none;\n    margin: 5rem;\n    margin-right: 0;\n\n    font-size: 2rem;\n  `}\n`\n","import React from \"react\"\nimport { Wrapper, Header, Title, Text } from \"./styles\"\n\nconst FourOhFour = () => {\n  return (\n    <Wrapper>\n      <Header>404</Header>\n      <Title>\n        Przepraszamy,\n        <br /> coś poszło nie tak.\n      </Title>\n      <Text style={{ marginBottom: \"6rem\" }}>\n        Materiał mógł zostać przeniesiony lub usunięty.\n      </Text>\n      {/* <Text>Pobierz aplikację Polskiego Radia</Text> */}\n    </Wrapper>\n  )\n}\n\nexport default FourOhFour\n","import React from \"react\"\n\nimport SEO from \"../components/seo\"\nimport FourOhFour from \"src/views/404\"\n\nconst NotFoundPage = () => (\n  <>\n    <SEO title=\"Nie znaleziono strony\" />\n    <FourOhFour />\n  </>\n)\n\nexport default NotFoundPage\n"],"sourceRoot":""}