{"version":3,"sources":["components/Themes.js","subComponents/Loading.js","globalStyles.js","App.js","index.js"],"names":["lightTheme","body","text","fontFamily","bodyRgba","textRgba","DarkTheme","mediaQueries","key","style","Box","styled","div","props","theme","Loading","GlobalStyle","createGlobalStyle","Main","lazy","AboutPage","MySkillsPage","BlogPage","WorkPage","SoundBar","App","location","useLocation","fallback","AnimatePresence","exitBeforeEnter","exact","path","component","pathname","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"0HAAA,sGAAO,IAAMA,EAAa,CACtBC,KAAK,UACLC,KAAK,UACLC,WAAW,gCACXC,SAAW,gBACXC,SAAS,SAIAC,EAAY,CACrBL,KAAK,UACLC,KAAK,UACLC,WAAW,gCACXE,SAAW,gBACXD,SAAS,SAaEG,EAAe,SAAAC,GAC1B,OAAO,SAAAC,GAAK,mCAA0BD,EAA1B,iBAAsCC,EAAtC,S,4DC1BVC,EAAMC,IAAOC,IAAV,0KAGO,SAACC,GAAD,OAAWA,EAAMC,MAAMZ,QAC5B,SAACW,GAAD,OAAWA,EAAMC,MAAMb,QAenBc,IARC,WACd,OACE,cAACL,EAAD,UACE,gD,4GCYSM,EArBKC,YAAH,+Q,uBCEXC,EAAOC,gBAAK,kBAAM,+DAClBC,EAAYD,gBAAK,kBAAM,yDACvBE,EAAeF,gBAAK,kBAAM,8EAC1BG,EAAWH,gBAAK,kBAAM,wDACtBI,EAAWJ,gBAAK,kBAAM,+DACtBK,EAAWL,gBAAK,kBAAM,kCAgCbM,MA9Bf,WACE,IAAMC,EAAWC,cAEjB,OACE,qCACE,cAAC,EAAD,IAEA,cAAC,IAAD,CAAeb,MAAOd,IAAtB,SACE,eAAC,WAAD,CAAU4B,SAAU,cAACb,EAAA,EAAD,IAApB,UACE,cAACS,EAAD,IAEA,cAACK,EAAA,EAAD,CAAiBC,iBAAe,EAAhC,SACE,eAAC,IAAD,CAAQJ,SAAUA,EAAlB,UACE,cAAC,IAAD,CAAOK,OAAK,EAACC,KAAK,IAAIC,UAAWf,IAEjC,cAAC,IAAD,CAAOa,OAAK,EAACC,KAAK,SAASC,UAAWb,IAEtC,cAAC,IAAD,CAAOW,OAAK,EAACC,KAAK,QAAQC,UAAWX,IAErC,cAAC,IAAD,CAAOS,OAAK,EAACC,KAAK,QAAQC,UAAWV,IAErC,cAAC,IAAD,CAAOQ,OAAK,EAACC,KAAK,UAAUC,UAAWZ,MATRK,EAASQ,qB,gBCpBtDC,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,IAAD,UACE,cAAC,EAAD,QAGJC,SAASC,eAAe,W","file":"static/js/main.4c720279.chunk.js","sourcesContent":["export const lightTheme = {\n    body:\"#FCF6F4\",\n    text:\"#000000\",\n    fontFamily:\"'Source Sans Pro', sans-serif\",\n    bodyRgba : \"252, 246, 244\",\n    textRgba:\"0,0,0\",\n\n}\n\nexport const DarkTheme = {\n    body:\"#000000\",\n    text:\"#FCF6F4\",\n    fontFamily:\"'Source Sans Pro', sans-serif\",\n    textRgba : \"252, 246, 244\",\n    bodyRgba:\"0,0,0\",\n\n}\n\n// You can also use these breakpoints after importing it and use it as breakpoints.sm\nexport const breakpoints = {\n    sm: 20,//em\n    md: 30,\n    lg: 45,\n    xl: 60,\n    xxl:75,\n  }\n  \n  export const mediaQueries = key => {\n    return style => `@media (max-width: ${key}em) { ${style} }`\n  }","import styled from \"styled-components\";\n\nconst Box = styled.div`\n  width: 100vw;\n  height: 100vh;\n  background: ${(props) => props.theme.text};\n  color: ${(props) => props.theme.body};\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Loading = () => {\n  return (\n    <Box>\n      <h1>Loading...</h1>\n    </Box>\n  );\n};\n\nexport default Loading;\n","import { createGlobalStyle } from \"styled-components\";\n\n/*\nfont-family: 'Source Sans Pro', sans-serif;\nfont-family: 'Ubuntu Mono', monospace;\n*/\n\nconst GlobalStyle = createGlobalStyle`\n*,*::before,*::after,h1,h2,h3,h4,h5,h6{\nmargin:0;\npadding:0;\n\n\n}\n\nh1,h2,h3,h4,h5,h6{\ndisplay:inline-block;\n\n}\n\n  body {\n    margin: 0;\n    padding: 0;\n   overflow-x:hidden;\n    font-family: 'Source Sans Pro', sans-serif;\n  }\n`;\n\nexport default GlobalStyle;\n","import { Switch, Route, useLocation } from \"react-router-dom\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { lazy, Suspense } from \"react\";\nimport GlobalStyle from \"./globalStyles\";\nimport { ThemeProvider } from \"styled-components\";\nimport { lightTheme } from \"./components/Themes\";\nimport Loading from \"./subComponents/Loading\";\n\n//Components\nconst Main = lazy(() => import(\"./components/Main\"));\nconst AboutPage = lazy(() => import(\"./components/AboutPage\"));\nconst MySkillsPage = lazy(() => import(\"./components/MySkillsPage\"));\nconst BlogPage = lazy(() => import(\"./components/BlogPage\"));\nconst WorkPage = lazy(() => import(\"./components/WorkPage\"));\nconst SoundBar = lazy(() => import(\"./subComponents/SoundBar\"));\n\nfunction App() {\n  const location = useLocation();\n\n  return (\n    <>\n      <GlobalStyle />\n\n      <ThemeProvider theme={lightTheme}>\n        <Suspense fallback={<Loading />}>\n          <SoundBar />\n\n          <AnimatePresence exitBeforeEnter>\n            <Switch location={location} key={location.pathname}>\n              <Route exact path=\"/\" component={Main} />\n\n              <Route exact path=\"/about\" component={AboutPage} />\n\n              <Route exact path=\"/blog\" component={BlogPage} />\n\n              <Route exact path=\"/work\" component={WorkPage} />\n\n              <Route exact path=\"/skills\" component={MySkillsPage} />\n            </Switch>\n          </AnimatePresence>\n        </Suspense>\n      </ThemeProvider>\n    </>\n  );\n}\n\nexport default App;\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\n// import reportWebVitals from './reportWebVitals';\nimport '../node_modules/normalize.css'\nimport { BrowserRouter } from 'react-router-dom'\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n)\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n// reportWebVitals();\n"],"sourceRoot":""}