{"version":3,"sources":["views/main/index.js","routes.js","theme/index.js","theme/shadows.js","theme/typography.js","App.js","components/GlobalStyles.js","index.js"],"names":["useStyles","makeStyles","theme","root","flexGrow","maxWidth","minHeight","flexWrap","justifyContent","overflow","backgroundColor","gridLeft","padding","gridRight","paddingBottom","boxLeft","textAlign","marginBottom","boxRight","margin","width","rightTop","rightBottom","homeButton","color","imgShirt","height","border","boxShadow","MainView","classes","Container","className","Grid","container","spacing","item","xs","sm","lg","xl","src","Typography","variant","component","style","paddingTop","fontWeight","alt","Link","href","target","rel","display","alignItems","fontSize","routes","path","element","createMuiTheme","palette","background","dark","default","colors","common","white","paper","primary","main","indigo","secondary","text","blueGrey","error","red","shadows","typography","h1","letterSpacing","h2","h3","h4","h5","h6","overline","menuButton","marginRight","title","paddingRight","appBar","App","routing","useRoutes","StrictMode","ThemeProvider","AppBar","position","Toolbar","createStyles","boxSizing","html","body","a","textDecoration","GlobalStyles","ReactDOM","render","Suspense","fallback","document","getElementById"],"mappings":"2UAeMA,EAAYC,aAAW,SAACC,GAAD,MAAY,CACrCC,KAAM,CACFC,SAAU,EACVC,SAAU,SACVC,UAAW,OACXC,SAAU,OACVC,eAAgB,eAChBC,SAAU,SACVC,gBAAiB,WAErBC,SAAU,CACNC,QAAS,mBAEbC,UAAW,CACPD,QAAS,8BAET,kBAAmB,CACfE,cAAe,QAEnB,2BAA4B,CACxBF,QAAS,6BAGjBG,QAAS,CACLV,SAAU,QACVC,UAAW,QACXM,QAAS,mBACTF,gBAAiB,UACjBM,UAAW,SACX,2BAA4B,CACxBV,UAAW,MACXW,aAAc,IACdH,cAAe,MAGvBI,SAAU,CACNb,SAAU,QACVC,UAAW,QACX,2BAA4B,CACxBa,OAAQ,gBACRP,QAAS,IACTQ,MAAO,QAGfC,SAAU,CACNX,gBAAiB,UACjBO,aAAc,OACdL,QAAS,QAEbU,YAAa,CACTZ,gBAAiB,UACjBE,QAAS,QAEbW,WAAY,CACRb,gBAAiB,UACjBc,MAAO,WAEXC,SAAU,CACNL,MAAO,MAAOM,OAAQ,MAAOC,OAAQ,iBAAkBC,UAAW,sCA6G3DC,EAxGE,WACf,IAAMC,EAAU9B,IAGhB,OACE,cAAC+B,EAAA,EAAD,CAAW1B,SAAS,KAAK2B,UAAWF,EAAQ3B,KAA5C,SACI,eAAC8B,EAAA,EAAD,CAAMC,WAAS,EAACC,QAAS,EAAzB,UACI,cAACF,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGR,UAAWF,EAAQnB,SAA3D,SACI,sBAAKqB,UAAWF,EAAQf,QAAxB,UACI,8BACI,qBAAK0B,IAAI,qBAAqBT,UAAWF,EAAQL,aAGrD,cAACiB,EAAA,EAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,MAAO,CAAEC,WAAY,OAAQC,WAAY,OAAjF,gCAIA,qBAAKF,MAAO,CAACjC,QAAS,eAM9B,eAACqB,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGR,UAAWF,EAAQjB,UAA3D,UACI,sBAAKmB,UAAS,UAAKF,EAAQZ,SAAb,YAAyBY,EAAQT,UAA/C,UACI,cAACqB,EAAA,EAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,MAAO,CAAEE,WAAY,OAA7D,6BAIA,cAACL,EAAA,EAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,MAAO,CAAEE,WAAY,MAAOvB,MAAO,UAAWsB,WAAY,QAAlG,oGAIA,8BACI,eAACb,EAAA,EAAD,CAAMC,WAAS,EAACC,QAAS,EAAGU,MAAO,CAACC,WAAY,QAAhD,UACI,cAACb,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAApC,SACI,qBAAKC,IAAI,uBAAuBO,IAAI,kBAAkBH,MAAO,CAACzB,MAAO,QAASM,OAAQ,aAG1F,cAACO,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAApC,SACI,qBAAKC,IAAI,uBAAuBO,IAAI,kBAAkBH,MAAO,CAACzB,MAAO,QAASM,OAAQ,aAG1F,cAACO,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAApC,SACI,qBAAKC,IAAI,uBAAuBO,IAAI,kBAAkBH,MAAO,CAACzB,MAAO,QAASM,OAAQ,aAG1F,cAACO,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAApC,SACI,qBAAKC,IAAI,uBAAuBO,IAAI,kBAAkBH,MAAO,CAACzB,MAAO,QAASM,OAAQ,kBAKlG,qBAAKmB,MAAO,CAACjC,QAAS,aAK1B,sBAAKoB,UAAS,UAAKF,EAAQZ,SAAb,YAAyBY,EAAQR,aAA/C,UACI,cAACoB,EAAA,EAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,MAAO,CAAEE,WAAY,OAA7D,+BAIA,cAACL,EAAA,EAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,MAAO,CAAEE,WAAY,MAAOvB,MAAO,UAAWsB,WAAY,QAAlG,oFAIA,qBAAKD,MAAO,CAACjC,QAAS,QAAtB,SACI,eAACqB,EAAA,EAAD,CAAMC,WAAS,EAACC,QAAS,EAAzB,UACI,cAACF,EAAA,EAAD,CAAMG,MAAI,EAAV,SACI,cAACa,EAAA,EAAD,CAAMC,KAAK,+CAA+CC,OAAO,SAASC,IAAI,aAA9E,SACI,sBAAKP,MAAO,CAACQ,QAAS,OAAQC,WAAY,SAAU/C,SAAU,QAA9D,UACI,cAAC,IAAD,CAAegD,SAAS,QAAQ/B,MAAM,YACtC,oDAKZ,cAACS,EAAA,EAAD,CAAMG,MAAI,EAAV,SACI,cAACa,EAAA,EAAD,CAAMC,KAAK,4CAA4CC,OAAO,SAASC,IAAI,aAA3E,SACI,sBAAKP,MAAO,CAACQ,QAAS,OAAQC,WAAY,SAAU/C,SAAU,QAA9D,UACI,cAAC,IAAD,CAAcgD,SAAS,QAAQ/B,MAAM,YACrC,mDAKZ,cAACS,EAAA,EAAD,CAAMG,MAAI,EAAV,SACI,eAACa,EAAA,EAAD,CAAMC,KAAK,oDAAoDC,OAAO,SAASC,IAAI,aAAnF,cACI,sBAAKP,MAAO,CAACQ,QAAS,OAAQC,WAAY,SAAU/C,SAAU,QAA9D,UACI,cAAC,IAAD,CAAegD,SAAS,QAAQ/B,MAAM,YACtC,mEClFzBgC,EApDA,iBAAM,CACnB,CACEC,KAAM,IACNC,QAAS,cAAC,EAAD,O,mCCPExD,EAvBDyD,YAAe,CAC3BC,QAAS,CACPC,WAAY,CACVC,KAAM,UACNC,QAASC,IAAOC,OAAOC,MACvBC,MAAOH,IAAOC,OAAOC,OAEvBE,QAAS,CACPC,KAAML,IAAOM,OAAO,MAEtBC,UAAW,CACTF,KAAML,IAAOM,OAAO,MAEtBE,KAAM,CACJJ,QAASJ,IAAOS,SAAS,KACzBF,UAAWP,IAAOS,SAAS,KAC3BC,MAAOV,IAAOW,IAAI,OAGtBC,QCzBa,CACb,OACA,iEACA,8DACA,8DACA,8DACA,8DACA,8DACA,8DACA,8DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,gEACA,gEACA,gEACA,gEACA,gEACA,gEACA,gEACA,gEACA,gEACA,iEDCAC,WE1Ba,CACbC,GAAI,CACF/B,WAAY,IACZQ,SAAU,GACVwB,cAAe,UACf,2BAA4B,CAC1BxB,SAAU,WAGdyB,GAAI,CACFjC,WAAY,IACZQ,SAAU,GACVwB,cAAe,UACf,2BAA4B,CAC1BxB,SAAU,WAGd0B,GAAI,CACFlC,WAAY,IACZQ,SAAU,GACVwB,cAAe,UACf,2BAA4B,CAC1BxB,SAAU,YAGd2B,GAAI,CACFnC,WAAY,IACZQ,SAAU,GACVwB,cAAe,WAEjBI,GAAI,CACFpC,WAAY,IACZQ,SAAU,GACVwB,cAAe,WAEjBK,GAAI,CACFrC,WAAY,IACZQ,SAAU,GACVwB,cAAe,WAEjBM,SAAU,CACRtC,WAAY,QCzBV/C,G,OAAYC,aAAW,SAACC,GAAD,MAAY,CACvCC,KAAM,CACJC,SAAU,GAEZkF,WAAY,CACVC,YAAarF,EAAMiC,QAAQ,IAE7BqD,MAAO,CACLC,aAAc,QAEhBC,OAAQ,CACNhF,gBAAiB,qBACjBc,MAAO,UACPE,OAAQ,aA4CGiE,MAxCf,WACE,IAAM7D,EAAU9B,IACV4F,EAAUC,YAAUrC,KAE1B,OACE,cAAC,IAAMsC,WAAP,UACE,cAACC,EAAA,EAAD,CAAe7F,MAAOA,EAAtB,SACE,sBAAK8B,UAAWF,EAAQ3B,KAAM0C,MAAO,CAAEzB,MAAO,QAA9C,UACE,qBAAKY,UAAU,8BAAf,+BAIA,cAACgE,EAAA,EAAD,CAAQC,SAAS,SAASjE,UAAWF,EAAQ4D,OAA7C,SACE,cAACQ,EAAA,EAAD,yHAoBDN,U,SClEL5F,EAAYC,aAAW,kBAAMkG,YAAa,CAC9C,UAAW,CACT,IAAK,CACHC,UAAW,aACXjF,OAAQ,EACRP,QAAS,GAEXyF,KAAM,CACJ,yBAA0B,cAC1B,0BAA2B,YAC3B3E,OAAQ,OACRN,MAAO,QAETkF,KAAM,CACJ5F,gBAAiB,UACjBgB,OAAQ,OACRN,MAAO,QAETmF,EAAG,CACDC,eAAgB,QAElB,QAAS,CACP9E,OAAQ,OACRN,MAAO,cAWEqF,EANM,WAGnB,OAFAzG,IAEO,M,OCtBT0G,IAASC,OACP,cAAC,IAAMb,WAAP,UACE,cAAC,IAAD,UACE,cAAC,IAAMc,SAAP,CAAgBC,SAAU,6CAA1B,SACE,cAAC,IAAD,UACE,eAACd,EAAA,EAAD,CAAe7F,MAAOA,EAAtB,UACE,cAAC,EAAD,IACA,cAAC,EAAD,eAMV4G,SAASC,eAAe,W","file":"static/js/main.d9889f0a.chunk.js","sourcesContent":["import React from 'react';\r\nimport {\r\n    Button,\r\n    Container,\r\n    Grid,\r\n    Link,\r\n    Typography,\r\n    makeStyles\r\n} from '@material-ui/core';\r\n\r\nimport InstagramIcon from '@material-ui/icons/Instagram';\r\nimport FacebookIcon from '@material-ui/icons/Facebook';\r\nimport MusicNoteIcon from '@material-ui/icons/MusicNote';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        flexGrow: 1,\r\n        maxWidth: \"1600px\",\r\n        minHeight: '100%',\r\n        flexWrap: 'wrap',\r\n        justifyContent: 'space-evenly', //space-around\r\n        overflow: 'hidden',\r\n        backgroundColor: '#ffffff'\r\n    },\r\n    gridLeft: {\r\n        padding: \"40px !important\"\r\n    },\r\n    gridRight: {\r\n        padding: \"40px 40px 40px 0 !important\",\r\n\r\n        \"& div.image-top\": {\r\n            paddingBottom: \"35px\"\r\n        },\r\n        '@media (max-width:600px)': {\r\n            padding: \"0 40px 40px 0 !important\",\r\n        }\r\n    },\r\n    boxLeft: {\r\n        maxWidth: \"440px\",\r\n        minHeight: \"565px\",\r\n        padding: \"40px 40px 0 40px\",\r\n        backgroundColor: \"#F0F0F0\",\r\n        textAlign: 'center',\r\n        '@media (max-width:600px)': {\r\n            minHeight: \"50%\",\r\n            marginBottom: '0',\r\n            paddingBottom: '0'\r\n        }\r\n    },\r\n    boxRight: {\r\n        maxWidth: \"920px\",\r\n        minHeight: \"263px\",\r\n        '@media (max-width:600px)': {\r\n            margin: \"0 40px 0 40px\",\r\n            padding: '0',\r\n            width: '90%'\r\n        }\r\n    },\r\n    rightTop: {\r\n        backgroundColor: \"#EBEBEB\",\r\n        marginBottom: '35px',\r\n        padding: '20px'\r\n    },\r\n    rightBottom: {\r\n        backgroundColor: \"#CCCED0\",\r\n        padding: '20px'\r\n    },\r\n    homeButton: {\r\n        backgroundColor: \"#8493AF\",\r\n        color: \"#ffffff\"\r\n    },\r\n    imgShirt: {\r\n        width: \"70%\", height: \"70%\", border: \"1px solid #666\", boxShadow: \"0 0 5px 5px rgba(0, 0, 0, 0.2)\"\r\n    }\r\n})); //920 X 263\r\n\r\n\r\nconst MainView = () => {\r\n  const classes = useStyles();\r\n  const preventDefault = (event) => event.preventDefault();\r\n  \r\n  return (\r\n    <Container maxWidth=\"sm\" className={classes.root}>\r\n        <Grid container spacing={3}>\r\n            <Grid item xs={12} sm={6} lg={4} xl={4} className={classes.gridLeft}>\r\n                <div className={classes.boxLeft}>\r\n                    <div>\r\n                        <img src=\"images/shirt-1.jpg\" className={classes.imgShirt} />\r\n                    </div>\r\n\r\n                    <Typography variant=\"h1\" component=\"h2\" style={{ paddingTop: \"20px\", fontWeight: \"700\" }}>\r\n                        PRINTED COLLECTION\r\n                    </Typography>\r\n\r\n                    <div style={{padding: \"20px\"}}>\r\n                        {/* <Button className={classes.homeButton}>Shop Now</Button> */}\r\n                    </div>\r\n                </div>\r\n            </Grid>\r\n\r\n            <Grid item xs={12} sm={6} lg={8} xl={8} className={classes.gridRight}>\r\n                <div className={`${classes.boxRight} ${classes.rightTop}`}>\r\n                    <Typography variant=\"h2\" component=\"h2\" style={{ fontWeight: \"700\" }}>\r\n                        Custom Stickers\r\n                    </Typography>\r\n\r\n                    <Typography variant=\"h3\" component=\"h2\" style={{ fontWeight: \"700\", color: \"#707070\", paddingTop: \"10px\" }}>\r\n                        Create your own custom stickers or choose from a wide assortment of pre-made stickers.\r\n                    </Typography>\r\n\r\n                    <div>\r\n                        <Grid container spacing={3} style={{paddingTop: \"30px\"}}>\r\n                            <Grid item xs={6} sm={6} lg={3} xl={3}>\r\n                                <img src=\"images/sticker-1.jpg\" alt=\"Custom Stickers\" style={{width: \"100px\", height: \"100px\"}} />\r\n                            </Grid>\r\n\r\n                            <Grid item xs={6} sm={6} lg={3} xl={3}>\r\n                                <img src=\"images/sticker-2.jpg\" alt=\"Custom Stickers\" style={{width: \"100px\", height: \"100px\"}} />\r\n                            </Grid>\r\n\r\n                            <Grid item xs={6} sm={6} lg={3} xl={3}>\r\n                                <img src=\"images/sticker-3.jpg\" alt=\"Custom Stickers\" style={{width: \"100px\", height: \"100px\"}} />\r\n                            </Grid>\r\n\r\n                            <Grid item xs={6} sm={6} lg={3} xl={3}>\r\n                                <img src=\"images/sticker-4.jpg\" alt=\"Custom Stickers\" style={{width: \"100px\", height: \"100px\"}} />\r\n                            </Grid>\r\n                        </Grid>\r\n                    </div>\r\n\r\n                    <div style={{padding: \"10px\"}}>\r\n                        {/* <Button className={classes.homeButton}>Shop Now</Button> */}\r\n                    </div>\r\n                </div>\r\n\r\n                <div className={`${classes.boxRight} ${classes.rightBottom}`}>\r\n                    <Typography variant=\"h2\" component=\"h2\" style={{ fontWeight: \"700\" }}>\r\n                        View Our Products\r\n                    </Typography>\r\n\r\n                    <Typography variant=\"h3\" component=\"h2\" style={{ fontWeight: \"700\", color: \"#707070\", paddingTop: \"10px\" }}>\r\n                        Use these links to view our products while our website is being built.\r\n                    </Typography>\r\n\r\n                    <div style={{padding: \"10px\"}}>\r\n                        <Grid container spacing={3}>\r\n                            <Grid item>\r\n                                <Link href=\"https://www.instagram.com/sarcasmandgiggles/\" target=\"_blank\" rel=\"noreferrer\">\r\n                                    <div style={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>\r\n                                        <InstagramIcon fontSize=\"large\" color=\"primary\" />\r\n                                        <span>Instagram</span>\r\n                                    </div> \r\n                                </Link>\r\n                            </Grid>\r\n\r\n                            <Grid item>\r\n                                <Link href=\"https://www.facebook.com/sarcamandgiggles\" target=\"_blank\" rel=\"noreferrer\">\r\n                                    <div style={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>                                      \r\n                                        <FacebookIcon fontSize=\"large\" color=\"primary\" />\r\n                                        <span>Facebook</span>\r\n                                    </div> \r\n                                </Link>\r\n                            </Grid>\r\n\r\n                            <Grid item>\r\n                                <Link href=\"https://www.tiktok.com/@sarcasmandgiggles?lang=en\" target=\"_blank\" rel=\"noreferrer\"> {/*onClick={preventDefault} */}\r\n                                    <div style={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>\r\n                                        <MusicNoteIcon fontSize=\"large\" color=\"primary\" />\r\n                                        <span>TikTok</span>\r\n                                    </div> \r\n                                </Link>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </div>\r\n                </div>\r\n            </Grid>\r\n        </Grid>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default MainView;\r\n","import React from 'react';\nimport { Navigate } from 'react-router-dom';\n\nimport MainView from 'src/views/main';\n\n// import DashboardLayout from 'src/layouts/DashboardLayout';\n// import MainLayout from 'src/layouts/MainLayout';\n\n// import CustomerListView from 'src/views/customer/CustomerListView';\n// import AddNewCustomerView from 'src/views/customer/AddNewCustomerView';\n// import DashboardView from 'src/views/dashboard';\n// import LoginView from 'src/views/auth/LoginView';\n// import LogoutView from 'src/views/auth/LogoutView';\n// import NotFoundView from 'src/views/errors/NotFoundView';\n\n// //trodes\n// import TrodeListView from 'src/views/trodes/TrodeListView';\n// import TrodeCreateView from 'src/views/trodes/TrodeCreateView';\n// import ShippedTrodeListView from 'src/views/trodes/ShippedTrodeListView';\n\n// //reports\n// import CustomerHistoryListView from 'src/views/reports/CustomerHistory';\n// import OutstandingTrodesListView from 'src/views/reports/OutstandingTrodes';\n// import SerialNumberHistoryListView from 'src/views/reports/SerialNumberHistory';\n// import ReturnedTrodesListView from 'src/views/reports/ReturnedTrodes';\n// import ReturnTrodeFormView from 'src/views/reports/ReturnTrodeForm';\n// import ManageNotesView from 'src/views/reports/ManageNotes';\n\n// //User Settings\n// import UserProfileView from 'src/views/settings/UserProfileView';\n\n// //User Admin\n// import ManageUsersView from 'src/views/admin/ManageUsersView';\n\n\nconst routes = () => [\n  {\n    path: '/',\n    element: <MainView />\n  }\n  // {\n  //   path: 'app',\n  //   element: <DashboardLayout />,\n  //   children: [\n  //     //dashboard\n  //     { path: 'dashboard', element: <DashboardView /> },\n\n  //     //customers\n  //     { path: 'customers', element: <CustomerListView /> },\n  //     { path: 'customer-new', element: <AddNewCustomerView /> },\n\n  //     //trodes\n  //     { path: 'available-trodes', element: <TrodeListView /> },\n  //     { path: 'trodes-create', element: <TrodeCreateView /> },\n  //     { path: 'shipped-trodes', element: <ShippedTrodeListView /> },\n\n  //     //reports\n  //     { path: 'customer-history', element: <CustomerHistoryListView /> },\n  //     { path: 'outstanding-trodes', element: <OutstandingTrodesListView /> },\n  //     { path: 'serial-number-history', element: <SerialNumberHistoryListView /> },\n  //     { path: 'returned-trodes', element: <ReturnedTrodesListView /> },\n  //     { path: 'return-trode-form', element: <ReturnTrodeFormView /> },\n  //     { path: 'manage-notes', element: <ManageNotesView /> },\n\n  //     //settings\n  //     { path: 'user-settings', element: <UserProfileView /> },\n\n  //     //admin\n  //     { path: 'manage-users', element: <ManageUsersView /> },\n\n  //     //404\n  //     { path: '*', element: <Navigate to=\"/404\" /> }\n  //   ]\n  // },\n  // {\n  //   path: '/',\n  //   element: <MainLayout />,\n  //   children: [\n  //     { path: 'login', element: <LoginView /> },\n  //     { path: 'logout', element: <LogoutView /> },\n  //     { path: '404', element: <NotFoundView /> },\n  //     { path: '/', element: <Navigate to=\"/login\" /> },\n  //     { path: '*', element: <Navigate to=\"/404\" /> }\n  //   ]\n  // }\n];\n\nexport default routes;\n","/* eslint-disable */\n\n//import { createMuiTheme, colors } from '@material-ui/core';\nimport { unstable_createMuiStrictModeTheme as createMuiTheme, colors } from '@material-ui/core';\n\nimport shadows from './shadows';\nimport typography from './typography';\n\nconst theme = createMuiTheme({\n  palette: {\n    background: {\n      dark: '#F4F6F8',\n      default: colors.common.white,\n      paper: colors.common.white\n    },\n    primary: {\n      main: colors.indigo[500]\n    },\n    secondary: {\n      main: colors.indigo[500]\n    },\n    text: {\n      primary: colors.blueGrey[900],\n      secondary: colors.blueGrey[600],\n      error: colors.red[600]\n    }\n  },\n  shadows,\n  typography\n});\n\nexport default theme;\n","/* eslint-disable */\n\nexport default [\n  'none',\n  '0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)'\n];\n","/* eslint-disable */\n\nexport default {\n  h1: {\n    fontWeight: 500,\n    fontSize: 30,\n    letterSpacing: '-0.24px',\n    '@media (max-width:800px)': {\n      fontSize: '1.5rem',\n    }\n  },\n  h2: {\n    fontWeight: 500,\n    fontSize: 25,\n    letterSpacing: '-0.24px',\n    '@media (max-width:800px)': {\n      fontSize: '1.0rem',\n    }\n  },\n  h3: {\n    fontWeight: 500,\n    fontSize: 18,\n    letterSpacing: '-0.06px',\n    '@media (max-width:800px)': {\n      fontSize: '0.75rem',\n    }\n  },\n  h4: {\n    fontWeight: 500,\n    fontSize: 20,\n    letterSpacing: '-0.06px'\n  },\n  h5: {\n    fontWeight: 500,\n    fontSize: 16,\n    letterSpacing: '-0.05px'\n  },\n  h6: {\n    fontWeight: 500,\n    fontSize: 14,\n    letterSpacing: '-0.05px'\n  },\n  overline: {\n    fontWeight: 500\n  }\n};","import React from 'react';\nimport { ThemeProvider } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useRoutes } from 'react-router-dom';\nimport routes from 'src/routes';\nimport {\n  AppBar,\n  Box,\n  Hidden,\n  Toolbar,\n  IconButton,\n  Typography\n} from '@material-ui/core';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport theme from 'src/theme';\n\nimport './App.css';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n  },\n  menuButton: {\n    marginRight: theme.spacing(2),\n  },\n  title: {\n    paddingRight: \"20px\"\n  },\n  appBar: {\n    backgroundColor: \"#8493AF !important\",\n    color: \"#ffffff\",\n    height: \"60px\"\n  }\n}));\n\nfunction App() {\n  const classes = useStyles();\n  const routing = useRoutes(routes());\n\n  return (\n    <React.StrictMode>\n      <ThemeProvider theme={theme}>\n        <div className={classes.root} style={{ width: '100%' }}>\n          <div className=\"app-name-font app-name-main\">\n            Sarcasm &amp; Giggles\n          </div>\n\n          <AppBar position=\"static\" className={classes.appBar}>\n            <Toolbar>\n              {/* <Box display=\"flex\" justifyContent=\"flex-end\" p={1} m={1}>\n                <Hidden lgUp>\n                  <IconButton edge=\"start\" className={classes.menuButton} color=\"inherit\" aria-label=\"menu\">\n                    <MenuIcon />\n                  </IconButton>\n                </Hidden>\n              </Box>\n\n              <Typography variant=\"h6\" className={classes.title}>\n                Our Story\n              </Typography>\n\n              <Typography variant=\"h6\" className={classes.title}>\n                Contact Us\n              </Typography> */}\n              We are currently building our website. You can find the links below to see our products on social media.\n            </Toolbar>\n          </AppBar>\n\n          {routing}\n        </div>\n      </ThemeProvider>\n    </React.StrictMode>\n  );\n}\n\nexport default App;\n","import { createStyles, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => createStyles({\n  '@global': {\n    '*': {\n      boxSizing: 'border-box',\n      margin: 0,\n      padding: 0,\n    },\n    html: {\n      '-webkit-font-smoothing': 'antialiased',\n      '-moz-osx-font-smoothing': 'grayscale',\n      height: '100%',\n      width: '100%'\n    },\n    body: {\n      backgroundColor: '#f4f6f8',\n      height: '100%',\n      width: '100%'\n    },\n    a: {\n      textDecoration: 'none'\n    },\n    '#root': {\n      height: '100%',\n      width: '100%'\n    }\n  }\n}));\n\nconst GlobalStyles = () => {\n  useStyles();\n\n  return null;\n};\n\nexport default GlobalStyles;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport { RecoilRoot } from 'recoil';\n//import { recoilPersist } from 'recoil-persist'; //use in atom only now: https://github.com/polemius/recoil-persist\nimport { ThemeProvider } from '@material-ui/core';\nimport App from './App';\nimport theme from 'src/theme';\nimport GlobalStyles from 'src/components/GlobalStyles';\nimport './index.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <RecoilRoot>\n      <React.Suspense fallback={<div>Loading...</div>}>\n        <BrowserRouter>\n          <ThemeProvider theme={theme}>\n            <GlobalStyles />\n            <App />\n          </ThemeProvider>\n        </BrowserRouter>\n      </React.Suspense>\n    </RecoilRoot>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}