diff --git a/.DS_Store b/.DS_Store index 121324b..0068808 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index 6704566..66255b0 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,9 @@ yarn-debug.log* yarn-error.log* lerna-debug.log* +notes/ + + # Diagnostic reports (https://nodejs.org/api/report.html) report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json @@ -102,3 +105,4 @@ dist # TernJS port file .tern-port +.vercel diff --git a/.vscode/settings.json b/.vscode/settings.json index 7d8e6ab..d174f9a 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,8 @@ { - "dotenv.enableAutocloaking": false + "dotenv.enableAutocloaking": false, + "workbench.colorCustomizations": { + "activityBar.background": "#182F46", + "titleBar.activeBackground": "#224262", + "titleBar.activeForeground": "#F8FAFC" + } } \ No newline at end of file diff --git a/README.md b/README.md index 50b38e9..631eb7e 100644 --- a/README.md +++ b/README.md @@ -1,87 +1,85 @@ -# Jon's Portfolio - -[LIVE](https://www.jonchristie.net/) - - -
- -
- -
- -
- -
- -
- - -![badge](https://img.shields.io/badge/•-material_ui/core.4.12.2-blue) -![badge](https://img.shields.io/badge/•-material_ui/icons.4.11.2-blue) -![badge](https://img.shields.io/badge/•-testing_library_jest_dom.5.11.4-blue) - -![badge](https://img.shields.io/badge/•-testing_library/react.11.1.0-blue) - -![badge](https://img.shields.io/badge/•-axios.0.21.1-blue) - -![badge](https://img.shields.io/badge/•-gh_pages.3.2.3-blue) - -![badge](https://img.shields.io/badge/•-react.17.0.2-blue) - -![badge](https://img.shields.io/badge/•-react_dom.17.0.2-blue) - -![badge](https://img.shields.io/badge/•-react_fast_marquee.1.2.1-blue) - Used to create the smooth animation in the skills section: -```js - - {skillsData.map((skill, id) => ( -
- {skill} -

- {skill} -

-
- ))} -
+# Jon Christie Portfolio 2023 + +Revised portfolio for 2023. Built with React, Tailwind CSS, and Framer Motion. + +# Table of Contents + +- [Demo](#demo) +- [Features](#features) +- [Tech](#tech) +- [Installation](#installation) +- [Usage](#usage) +- [Contributing](#contributing) +- [License](#license) +- [Contact](#contact) + +# Demo + +[Live Demo](https://jonchristie.net) + +# Features + +- [x] Responsive Design +- [x] Dark Mode +- [x] Contact Form +- [x] Smooth Scrolling +- [x] Animated SVGs +- [x] Mobile-friendly +- [x] Accessibility-friendly +- [x] Scalable and Reusable Components +- [x] Modern UI/UX Design +- [x] Customizable + +## Tech + + + +## Technologies Explained + + - React: A popular JavaScript library for building user interfaces. + - Tailwind CSS: A utility-first CSS framework for quickly styling UI components. + - Styled Components: A library that allows you to write CSS in your JavaScript code. + - Heroicons React: A library of free, high-quality icons that are designed to be easily customizable and used in various UI components. + - Testing Library: A suite of tools for testing user interfaces to ensure reliability and ease of use. + - Framer Motion: A library for creating smooth and subtle animations to enhance the user experience. + - React CountUp: A library for animating numbers, such as statistics or metrics, in a fun and engaging way. + - React Router Dom: A library for enabling navigation within the app. + - Web Vitals: A library for measuring and optimizing the app's speed and responsiveness. + +## Installation + +Use the package manager [npm](https://www.npmjs.com/) to install react-tailwindcss-portfolio. + +```bash +npm install ``` -![badge](https://img.shields.io/badge/•-react_helmet.6.1.0-blue) - Used throughout to output plain html tags using plain html tags: -```js - - {headerData.name} | Projects - + +## Usage + +```bash +npm start ``` -![badge](https://img.shields.io/badge/•-react_icons.4.2.0-blue) -![badge](https://img.shields.io/badge/•-react_reveal.1.2.2-blue) -![badge](https://img.shields.io/badge/•-react_router_dom.5.2.0-blue) -![badge](https://img.shields.io/badge/•-react_router_hash_link.2.4.3-blue) -![badge](https://img.shields.io/badge/•-react_scripts.4.0.3-blue) -![badge](https://img.shields.io/badge/•-react_slick.0.28.1-blue) -![badge](https://img.shields.io/badge/•-slick_carousel.1.8.1-blue) -![badge](https://img.shields.io/badge/•-validator.13.6.0-blue) -![badge](https://img.shields.io/badge/•-web_vitals.1.0.1-blue) +## Contributing +Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. -## Description -Welcome to my site, updated as of August 2022! I've added some more projects and implemented some more advanced features to the page! Enjoy and please contact me if you have a job opening for a full stack web developer! +Please make sure to update tests as appropriate. + +## License +[MIT](https://github.com/mathcodes/react-tailwindcss-portfolio/blob/main/LICENSE) ## Contact Github profile image -__Jon Christie__ +__Jon Christie__ -GitHub: [mathcodes](https://github.com/mathcodes) +GitHub: [mathcodes](https://github.com/mathcodes) [](https://www.linkedin.com/jonchristie)        -[](https://twitter.com/jcircle9)        +[](https://twitter.com/thejonchristie)        [](https://www.youtube.com/channel/UC5GFnN-lv8Yuqc9O3b79k6g)        [](https://www.facebook.com/jonpchristie)        [](https://www.instagram.com/fullstack11235)        [](https://soundcloud.com/jonchristie#/)        [](https://open.spotify.com/artist/07S7aLfxH70VAX64g1WuFw?si=tlOj1OMBRLm-y4sY8Lox3Q) + diff --git a/build/Jon_Christie_Resume.pdf b/build/Jon_Christie_Resume.pdf index e8b6165..95bd0df 100644 Binary files a/build/Jon_Christie_Resume.pdf and b/build/Jon_Christie_Resume.pdf differ diff --git a/build/asset-manifest.json b/build/asset-manifest.json deleted file mode 100644 index 1a3c093..0000000 --- a/build/asset-manifest.json +++ /dev/null @@ -1,121 +0,0 @@ -{ - "files": { - "main.css": "/static/css/main.5f658fd4.chunk.css", - "main.js": "/static/js/main.0c4f7948.chunk.js", - "main.js.map": "/static/js/main.0c4f7948.chunk.js.map", - "runtime-main.js": "/static/js/runtime-main.3578b6b3.js", - "runtime-main.js.map": "/static/js/runtime-main.3578b6b3.js.map", - "static/css/2.65f8c46c.chunk.css": "/static/css/2.65f8c46c.chunk.css", - "static/js/2.76930077.chunk.js": "/static/js/2.76930077.chunk.js", - "static/js/2.76930077.chunk.js.map": "/static/js/2.76930077.chunk.js.map", - "static/js/3.2e0f6cce.chunk.js": "/static/js/3.2e0f6cce.chunk.js", - "static/js/3.2e0f6cce.chunk.js.map": "/static/js/3.2e0f6cce.chunk.js.map", - "index.html": "/index.html", - "static/css/2.65f8c46c.chunk.css.map": "/static/css/2.65f8c46c.chunk.css.map", - "static/css/main.5f658fd4.chunk.css.map": "/static/css/main.5f658fd4.chunk.css.map", - "static/js/2.76930077.chunk.js.LICENSE.txt": "/static/js/2.76930077.chunk.js.LICENSE.txt", - "static/media/index.css": "/static/media/BestermindRegular.e58a1922.ttf", - "static/media/JCircle.396647e0.png": "/static/media/JCircle.396647e0.png", - "static/media/JCircle_dark_gray.77dc7436.png": "/static/media/JCircle_dark_gray.77dc7436.png", - "static/media/adobe-xd.a6dca99d.svg": "/static/media/adobe-xd.a6dca99d.svg", - "static/media/adobeaudition.afa937d5.svg": "/static/media/adobeaudition.afa937d5.svg", - "static/media/after-effects.3c076652.svg": "/static/media/after-effects.3c076652.svg", - "static/media/angular.d4cb4fa5.svg": "/static/media/angular.d4cb4fa5.svg", - "static/media/aws.0510b15a.svg": "/static/media/aws.0510b15a.svg", - "static/media/azure.a4419965.svg": "/static/media/azure.a4419965.svg", - "static/media/blender.b96901d1.svg": "/static/media/blender.b96901d1.svg", - "static/media/bookShelves.17d4e188.png": "/static/media/bookShelves.17d4e188.png", - "static/media/bootstrap.19a2d2ff.svg": "/static/media/bootstrap.19a2d2ff.svg", - "static/media/boy1.f9c177c8.svg": "/static/media/boy1.f9c177c8.svg", - "static/media/boy2.ece5c080.svg": "/static/media/boy2.ece5c080.svg", - "static/media/boy3.a46b5f81.svg": "/static/media/boy3.a46b5f81.svg", - "static/media/bulma.5910d441.svg": "/static/media/bulma.5910d441.svg", - "static/media/c.77377419.svg": "/static/media/c.77377419.svg", - "static/media/canva.b96f915b.svg": "/static/media/canva.b96f915b.svg", - "static/media/capacitorjs.7517cfe2.svg": "/static/media/capacitorjs.7517cfe2.svg", - "static/media/coffeescript.848d1c77.svg": "/static/media/coffeescript.848d1c77.svg", - "static/media/contactsPrimary.e855e82c.svg": "/static/media/contactsPrimary.e855e82c.svg", - "static/media/cplusplus.3398ef50.svg": "/static/media/cplusplus.3398ef50.svg", - "static/media/csharp.8f35e178.svg": "/static/media/csharp.8f35e178.svg", - "static/media/css.43b6f4bd.svg": "/static/media/css.43b6f4bd.svg", - "static/media/dart.30bf58d8.svg": "/static/media/dart.30bf58d8.svg", - "static/media/deno.96d4a63d.svg": "/static/media/deno.96d4a63d.svg", - "static/media/django.d51a8aa4.svg": "/static/media/django.d51a8aa4.svg", - "static/media/docker.a6221ab3.svg": "/static/media/docker.a6221ab3.svg", - "static/media/expensetracker.8b8b7990.png": "/static/media/expensetracker.8b8b7990.png", - "static/media/fastify.1b930a41.svg": "/static/media/fastify.1b930a41.svg", - "static/media/figma.1cd44608.svg": "/static/media/figma.1cd44608.svg", - "static/media/firebase.99786447.svg": "/static/media/firebase.99786447.svg", - "static/media/floatWindow.57aee580.gif": "/static/media/floatWindow.57aee580.gif", - "static/media/flutter.643a93c8.svg": "/static/media/flutter.643a93c8.svg", - "static/media/gcp.1b20e46e.svg": "/static/media/gcp.1b20e46e.svg", - "static/media/gimp.7cff4c04.svg": "/static/media/gimp.7cff4c04.svg", - "static/media/girl1.7f9d8736.svg": "/static/media/girl1.7f9d8736.svg", - "static/media/girl2.c1222fab.svg": "/static/media/girl2.c1222fab.svg", - "static/media/girl3.46f7c62b.svg": "/static/media/girl3.46f7c62b.svg", - "static/media/git.a0b8447e.svg": "/static/media/git.a0b8447e.svg", - "static/media/gnco.43ebccb0.png": "/static/media/gnco.43ebccb0.png", - "static/media/go.cda9e1cf.svg": "/static/media/go.cda9e1cf.svg", - "static/media/graphql.be1dc316.svg": "/static/media/graphql.be1dc316.svg", - "static/media/haxe.10a910ff.svg": "/static/media/haxe.10a910ff.svg", - "static/media/html.6a342d61.svg": "/static/media/html.6a342d61.svg", - "static/media/illustrator.33feff48.svg": "/static/media/illustrator.33feff48.svg", - "static/media/ionic.d2050eeb.svg": "/static/media/ionic.d2050eeb.svg", - "static/media/java.d004bc17.svg": "/static/media/java.d004bc17.svg", - "static/media/javascript.e9360603.svg": "/static/media/javascript.e9360603.svg", - "static/media/julia.be076220.svg": "/static/media/julia.be076220.svg", - "static/media/keys.b06b2149.png": "/static/media/keys.b06b2149.png", - "static/media/kotlin.4f592da4.svg": "/static/media/kotlin.4f592da4.svg", - "static/media/lightroom.0e67d833.svg": "/static/media/lightroom.0e67d833.svg", - "static/media/markdown.62e50cf0.svg": "/static/media/markdown.62e50cf0.svg", - "static/media/mars.448b5864.svg": "/static/media/mars.448b5864.svg", - "static/media/materialui.518da2c0.svg": "/static/media/materialui.518da2c0.svg", - "static/media/matlab.3d4e15a6.svg": "/static/media/matlab.3d4e15a6.svg", - "static/media/memsql.aecce246.svg": "/static/media/memsql.aecce246.svg", - "static/media/microsoftoffice.c3a1f4f1.svg": "/static/media/microsoftoffice.c3a1f4f1.svg", - "static/media/mongoDB.6c6da702.svg": "/static/media/mongoDB.6c6da702.svg", - "static/media/mysql.f9e45d29.svg": "/static/media/mysql.f9e45d29.svg", - "static/media/nextJS.fc272ac2.svg": "/static/media/nextJS.fc272ac2.svg", - "static/media/nginx.14c0011a.svg": "/static/media/nginx.14c0011a.svg", - "static/media/numpy.5bdfa40b.svg": "/static/media/numpy.5bdfa40b.svg", - "static/media/nuxtJS.81cb52af.svg": "/static/media/nuxtJS.81cb52af.svg", - "static/media/opencv.0f128460.svg": "/static/media/opencv.0f128460.svg", - "static/media/photoshop.1114b31f.svg": "/static/media/photoshop.1114b31f.svg", - "static/media/php.8132ef91.svg": "/static/media/php.8132ef91.svg", - "static/media/picsart.f869489b.svg": "/static/media/picsart.f869489b.svg", - "static/media/placeholder.3fcbbdcd.png": "/static/media/placeholder.3fcbbdcd.png", - "static/media/postgresql.c0d71b7c.svg": "/static/media/postgresql.c0d71b7c.svg", - "static/media/premierepro.ee38e1aa.svg": "/static/media/premierepro.ee38e1aa.svg", - "static/media/python.c5bb2f7e.png": "/static/media/python.c5bb2f7e.png", - "static/media/python.cf32ad96.svg": "/static/media/python.cf32ad96.svg", - "static/media/pythonlog.1cd4f634.svg": "/static/media/pythonlog.1cd4f634.svg", - "static/media/pytorch.1862724d.svg": "/static/media/pytorch.1862724d.svg", - "static/media/react.2b6a0717.svg": "/static/media/react.2b6a0717.svg", - "static/media/ruby.34e792ab.svg": "/static/media/ruby.34e792ab.svg", - "static/media/scb.95f1d204.svg": "/static/media/scb.95f1d204.svg", - "static/media/scical.06e0abb7.png": "/static/media/scical.06e0abb7.png", - "static/media/selenium.7dcf1c14.svg": "/static/media/selenium.7dcf1c14.svg", - "static/media/sketch.87c83552.svg": "/static/media/sketch.87c83552.svg", - "static/media/slick-theme.css": "/static/media/slick.c94f7671.ttf", - "static/media/strapi.ac0a6e67.svg": "/static/media/strapi.ac0a6e67.svg", - "static/media/svelte.7b116dd5.svg": "/static/media/svelte.7b116dd5.svg", - "static/media/swift.a030128a.svg": "/static/media/swift.a030128a.svg", - "static/media/tailwind.254c4865.svg": "/static/media/tailwind.254c4865.svg", - "static/media/tensorflow.6d6f2e37.svg": "/static/media/tensorflow.6d6f2e37.svg", - "static/media/typescript.31f8fee8.svg": "/static/media/typescript.31f8fee8.svg", - "static/media/unity.ad58069d.svg": "/static/media/unity.ad58069d.svg", - "static/media/vitejs.b99f0b09.svg": "/static/media/vitejs.b99f0b09.svg", - "static/media/vue.47bdfb5a.svg": "/static/media/vue.47bdfb5a.svg", - "static/media/vuetifyjs.8a22a3ec.svg": "/static/media/vuetifyjs.8a22a3ec.svg", - "static/media/webix.99dfb57f.svg": "/static/media/webix.99dfb57f.svg", - "static/media/wolframalpha.24726d34.svg": "/static/media/wolframalpha.24726d34.svg", - "static/media/wordpress.1c0bf6df.svg": "/static/media/wordpress.1c0bf6df.svg" - }, - "entrypoints": [ - "static/js/runtime-main.3578b6b3.js", - "static/css/2.65f8c46c.chunk.css", - "static/js/2.76930077.chunk.js", - "static/css/main.5f658fd4.chunk.css", - "static/js/main.0c4f7948.chunk.js" - ] -} \ No newline at end of file diff --git a/build/index.html b/build/index.html deleted file mode 100644 index 2744f7e..0000000 --- a/build/index.html +++ /dev/null @@ -1 +0,0 @@ -Portfolio
\ No newline at end of file diff --git a/build/static/css/2.65f8c46c.chunk.css b/build/static/css/2.65f8c46c.chunk.css deleted file mode 100644 index 18bab29..0000000 --- a/build/static/css/2.65f8c46c.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@charset "UTF-8";.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:"slick";font-weight:400;font-style:normal;src:url(/static/media/slick.a4e97f5a.eot);src:url(/static/media/slick.a4e97f5a.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.29518378.woff) format("woff"),url(/static/media/slick.c94f7671.ttf) format("truetype"),url(/static/media/slick.2630a3e3.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:"slick";font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} -/*# sourceMappingURL=2.65f8c46c.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/2.65f8c46c.chunk.css.map b/build/static/css/2.65f8c46c.chunk.css.map deleted file mode 100644 index fa01eb7..0000000 --- a/build/static/css/2.65f8c46c.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack://node_modules/slick-carousel/slick/slick-theme.css","webpack://node_modules/slick-carousel/slick/slick.css"],"names":[],"mappings":"AAwFA,gBAGA,CC1FA,cAKI,qBAAsB,CAEtB,wBAAyB,CAGjB,gBAAiB,CAEzB,0BAA2B,CAC3B,uBAAwB,CAEpB,kBAAmB,CACvB,uCACJ,CAEA,0BAjBI,iBAAkB,CAElB,aAwBJ,CATA,YAKI,eAAgB,CAEhB,QAAS,CACT,SACJ,CACA,kBAEI,YACJ,CACA,qBAEI,cAAe,CACf,WACJ,CAEA,qDAGI,+BAAuC,CAI/B,uBACZ,CAEA,aAEI,iBAAkB,CAClB,KAAM,CACN,MAAO,CAEP,aAAc,CACd,gBAAiB,CACjB,iBACJ,CACA,uCAGI,aAAc,CAEd,UACJ,CACA,mBAEI,UACJ,CACA,4BAEI,iBACJ,CAEA,aAEI,YAAa,CACb,UAAW,CAEX,WAAY,CACZ,cACJ,CACA,uBAEI,WACJ,CACA,iBAEI,aACJ,CACA,+BAEI,YACJ,CACA,0BAEI,mBACJ,CACA,gCAEI,aACJ,CACA,4BAEI,iBACJ,CACA,6BAEI,aAAc,CAEd,WAAY,CAEZ,4BACJ,CACA,0BACI,YACJ,CDpHA,2BAEI,6/KACJ,CAGA,WAEI,mBAAoB,CACpB,eAAmB,CACnB,iBAAkB,CAElB,yCAAA,CACA,qPACJ,CAEA,wBAGI,WAAY,CACZ,aAAc,CAEd,iBAAkB,CAClB,OAAQ,CAER,aAAc,CAEd,UAAW,CACX,WAAY,CACZ,SAAU,CACV,kCAAqC,CAErC,0BAA6B,CAE7B,cAAe,CAGf,WAGJ,CACA,gGALI,iBAAkB,CAElB,YAAa,CACb,sBAUJ,CACA,oGAKI,SACJ,CACA,oEAGI,WACJ,CAEA,sCAGI,mBAAoB,CACpB,cAAe,CACf,aAAc,CAEd,WAAY,CACZ,UAAY,CAEZ,kCAAmC,CACnC,iCACJ,CAEA,YAEI,UACJ,CACA,sBAEI,WAAY,CACZ,SACJ,CACA,mBAEI,WACJ,CACA,6BAEI,WACJ,CAEA,YAEI,WACJ,CACA,sBAEI,UAAW,CACX,UACJ,CACA,mBAEI,WACJ,CACA,6BAEI,WACJ,CAGA,2BAEI,kBACJ,CAEA,YAEI,iBAAkB,CAClB,YAAa,CAEb,aAAc,CAEd,UAAW,CACX,SAAU,CACV,QAAS,CAET,eAAgB,CAEhB,iBACJ,CACA,eAEI,iBAAkB,CAElB,oBAAqB,CAIrB,YAAa,CACb,SAGJ,CACA,qCAPI,UAAW,CACX,WAAY,CAIZ,cAmBJ,CAjBA,sBAEI,WAAY,CACZ,aAAc,CAEd,aAAc,CAId,WAAY,CAIZ,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,sBACJ,CACA,wDAGI,YACJ,CACA,sEAGI,SACJ,CACA,6BAEI,mBAAoB,CACpB,aAAc,CACd,gBAAiB,CAEjB,iBAAkB,CAClB,KAAM,CACN,MAAO,CAEP,UAAW,CACX,WAAY,CAEZ,WAAY,CACZ,iBAAkB,CAElB,WAAY,CACZ,UAAY,CAEZ,kCAAmC,CACnC,iCACJ,CACA,0CAEI,WAAY,CACZ,UACJ","file":"2.65f8c46c.chunk.css","sourcesContent":["@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n color: transparent;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: .75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n right: -25px;\n left: auto;\n}\n.slick-prev:before\n{\n content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n content: '→';\n}\n\n.slick-next\n{\n right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n right: auto;\n left: -25px;\n}\n.slick-next:before\n{\n content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n margin-bottom: 30px;\n}\n\n.slick-dots\n{\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n}\n.slick-dots li\n{\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n}\n.slick-dots li button\n{\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n opacity: 1;\n}\n.slick-dots li button:before\n{\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '•';\n text-align: center;\n\n opacity: .25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n opacity: .75;\n color: black;\n}\n","/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0;\n}\n.slick-list:focus\n{\n outline: none;\n}\n.slick-list.dragging\n{\n cursor: pointer;\n cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n display: table;\n\n content: '';\n}\n.slick-track:after\n{\n clear: both;\n}\n.slick-loading .slick-track\n{\n visibility: hidden;\n}\n\n.slick-slide\n{\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n float: right;\n}\n.slick-slide img\n{\n display: block;\n}\n.slick-slide.slick-loading img\n{\n display: none;\n}\n.slick-slide.dragging img\n{\n pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n display: block;\n}\n.slick-loading .slick-slide\n{\n visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/build/static/css/main.5f658fd4.chunk.css b/build/static/css/main.5f658fd4.chunk.css deleted file mode 100644 index 7e2fa32..0000000 --- a/build/static/css/main.5f658fd4.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap);@font-face{font-family:"BestermindRegular";src:url(/static/media/BestermindRegular.e58a1922.ttf);src:url(/static/media/BestermindRegular.e58a1922.ttf) format("embedded-opentype"),url(/static/media/BestermindRegular.e58a1922.ttf) format("truetype"),}body{background:linear-gradient(#111,#135d66)}:root{--primary:#04a0ee}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:#04a0ee;color:var(--primary)}*{margin:0;box-sizing:border-box}a{text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#04a0ee;background:var(--primary)}::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:10px;-webkit-transition:2.3s;transition:2.3s}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.makeStyles-drawerItem-77{color:#eaeaea}@media screen and (max-width:400px){body{overflow-x:hidden}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){body{overflow-x:hidden}}.navbar{height:6.5rem;position:absolute;background-color:initial;z-index:99;justify-content:center}.navbar,.navbar--container{display:flex;align-items:center;width:100%}.navbar--container{justify-content:space-between;padding:0 3rem;margin-top:1rem}.navbar--container>h1{font-family:"BestermindRegular";color:var(--primary-2);font-size:2.5rem;-webkit-user-select:none;user-select:none}.navLink--container{margin-top:5rem}.drawer>.MuiBackdrop-root{background:rgba(33,33,33,.15)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}@media (max-width:1100px){.navbar--container{padding:0 2rem}.nav-menu,.navbar--container>h1{font-size:2.2rem}.nav-menu{margin-top:-1.5rem}}@media (max-width:800px){.navLink--container{margin-top:3rem}}@media (max-width:600px){.nav-menu{color:var(--primary)}.navbar--container>h1{font-size:2rem}.nav-menu:hover{color:var(--primary-2)}.MuiDrawer-paper{border-radius:0!important}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.navbar{height:5rem}.navbar--container{padding:0 1rem;margin-top:0}.navbar--container>h1{font-size:1.5rem}}.landing{height:100vh}.landing,.landing--container{display:flex;align-items:center;justify-content:center}.landing--container{height:100%;width:100%;position:relative}.landing--img{opacity:0;--img-size:400px;position:absolute;left:35%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--img-size);height:var(--img-size);object-fit:cover;border-radius:50%;box-shadow:0 0 30px rgba(0,0,0,.2);transition:opacity .3s}.landing--img:hover{opacity:1}.landing--container-left{flex:35% 1;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.landing--social2{display:none}.lcl--content{width:100%;display:flex;align-items:center;justify-content:flex-start;color:#eaeaea}.landing--social{font-size:2rem;margin:0 .5rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;padding-bottom:.2rem;color:#eaeaea}.landing--social:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#4faeba}.landing--social2{font-size:35px;margin:0 .3rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;display:flex;align-items:center;justify-content:flex-start}.landing--social2:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#4faeba}.landing--container-right{flex:65% 1;height:100%;background-color:#eaeaea;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.lcr--content{width:45%;margin-right:7rem;font-family:var(--primaryFont);font-style:normal}.lcr--content h6{font-weight:500;font-size:1.25rem;margin-bottom:-.85rem;opacity:.8}.lcr--content h1{font-weight:600;font-size:3.25rem;line-height:110%;margin:1rem 0}.lcr--content p{margin-top:1.45rem;font-weight:500;font-size:1.15rem;opacity:.7}.lcr-buttonContainer{margin-top:2rem;width:350px;display:flex;align-items:center;justify-content:space-between;font-family:"var(--primaryFont)",sans-serif}.lcl--content2{display:none}@media (max-width:1100px){.landing--img{--img-size:300px}.lcl--content{margin:2rem}.lcr--content h6{font-size:1.1rem}.lcr--content h1{font-size:3rem}.lcr--content p{margin-top:.3rem;margin-bottom:1rem;font-weight:500;font-size:1rem}.lcr-buttonContainer{margin-top:1rem;flex-direction:column;width:200px;height:120px;align-items:flex-start}}@media (max-width:900px){.landing--img{--img-size:300px}.landing--social{font-size:30px}.lcr--content{width:60%;margin-top:10%;margin-right:6%}.lcr-buttonContainer{margin-top:1rem;flex-direction:column;height:120px;align-items:flex-start}.lcr-buttonContainer button:nth-child(2){display:none}}@media (max-width:600px){.landing--container{flex-direction:column;justify-content:space-between}.landing--img{display:none}.landing--container-left{flex:initial;width:100%;height:30%}.landing--social{display:none}.landing--social2{display:inline-flex}.lcl--content2{display:flex}.landing--container-right,.lcl--content2{align-items:center;justify-content:center}.landing--container-right{box-sizing:border-box;flex:initial;height:70%;width:100%;background-color:#212121;padding:0 2rem}.lcr--content{margin-top:20%;margin-right:0;width:100%}.lcr--content h6{font-size:1rem;text-align:center}.lcr--content h1{font-size:2.5rem;text-align:center}.lcr--content p{font-size:.95rem;text-align:center;margin:0 auto;width:90%}.lcr-buttonContainer{margin:0 auto;display:flex;align-items:center;justify-content:center}.lcr-buttonContainer button{margin-top:10%}}@media (max-width:370px){.lcr--content{margin-top:60%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.landing{height:100%}.landing--img{--img-size:150px;left:50%;top:20%}}.MuiButton-label,.MuiButton-label:hover{color:#4faeba}.about{position:relative;top:1px solid #fff;background:linear-gradient(#222,#444 75%,#232526)}.about .line-styling{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:85%;display:flex;align-items:center;justify-content:space-between}.about .line-styling .style-circle{width:10px;height:10px;border-radius:50%}.about .line-styling .style-line{width:95%;height:5px;border-radius:10px}.about-body{flex-direction:row;justify-content:space-around;padding-top:8rem}.about-body,.about-description{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.about-description{flex-direction:column;align-items:flex-start;justify-content:space-evenly;flex:0.5 1;width:100%}.about-description>h2{margin-bottom:40px;font-size:3.5rem;font-family:var(--primaryFont)}.about-description>p{font-size:1.25rem;color:#e0d9d9;font-family:var(--primaryFont)}.about-img{margin-top:40px;pointer-events:none}.about-img>img{width:600px;flex:0.5 1}@media (min-width:992px) and (max-width:1380px){.about-description>h2{font-size:3.3rem;margin-bottom:30px}.about-description>p{font-size:1.15rem}.about-img>img{width:500px}}@media screen and (max-width:992px){.about .line-styling{top:20px}.about-body{padding-top:2rem;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-evenly}.about-description{flex:0.6 1;box-sizing:border-box;padding:20px}.about-description>h2{font-size:3rem;margin-bottom:20px}.about-description>p{font-size:1.1rem}.about-img>img{width:250px;flex:0.4 1}}@media screen and (max-width:800px){.about .line-styling .style-circle{width:8px;height:8px;border-radius:50%}.about-description>h2{align-self:center}}@media screen and (max-width:600px){.about .line-styling .style-circle{width:5px;height:5px;border-radius:50%}.about .line-styling .style-line{height:3px;border-radius:10px}.about-description>h2{font-size:2.5rem}.about-description>p{font-size:.95rem}}.skills{flex-direction:column;justify-content:flex-start;min-height:60vh;padding:2.5rem 2rem 2rem;background:#323232;color:#eaeaea}.skills,.skillsHeader{display:flex;align-items:center}.skillsHeader{justify-content:center}.skillsHeader h2{font-family:var(--primaryFont);font-style:normal;font-weight:700;font-size:3rem;text-align:center}.skillsContainer{display:flex;align-items:center;justify-content:center;width:100%;margin-top:3.5rem;padding:0 2rem}.skill--scroll{width:100%;margin:0 2rem}.skill--box{background:#fafafa;box-shadow:0 10px 20px rgba(0,0,0,.12);border-radius:10px;width:160px;height:160px;margin:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;transition:.3s ease-in-out}.skill--box:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.skill--box>img{height:50px;pointer-events:none}.skill--box h3{font-family:Big Shoulders Text;font-style:normal;font-weight:500;font-size:22px;text-align:center;margin-top:1rem}.marquee{padding:3rem 0}.overlay{--gradient-color:#000,hsla(0,0%,100%,0)!important;--gradient-width:200px;border-radius:10px}.overlay:after,.overlay:before{border-radius:10%}@media (min-width:992px) and (max-width:1380px){.skills{padding:2rem 1rem 1rem}.skillsContainer{padding:1.5rem;margin-top:1.5rem}}@media screen and (max-width:992px){.skills{padding:1rem;min-height:100%}.skillsContainer{padding:1rem;margin:1rem 0}.skillsHeader h2{font-size:3.2rem}.skill--box{width:150px;height:150px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:45px}.skill--box h3{font-size:20px;margin-top:1rem}}@media screen and (max-width:800px){.skills,.skillsContainer{padding:.5rem}.skillsHeader h2{font-size:3rem}.skill--scroll{width:100%;margin:0}}@media screen and (max-width:600px){.skill--box{width:135px;height:135px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:40px}.skillsHeader h2{font-size:2.5rem}.skill--box h3{font-size:18px;margin-top:1rem}}.testimonials{font-family:var(--primaryFont);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(#222,#777 50%,#eaeaea);color:purple;color:var(--primary);border-radius:10px}.slick-slider{height:100%!important;width:100%}.slick-initialized,.slick-list{overflow:hidden}.slick-list{position:relative;display:block;margin:0;padding:0;width:100%}.slick-dots{position:relative!important;bottom:1rem!important}#root>div>div:first-child>div.testimonials>div.testimonials--body>div>div>ul>li>button{background:#eaeaea;width:.5rem;height:.5rem}.testimonials--header h1{background:none;font-style:normal;font-weight:700;font-size:3.5rem;text-align:center}.testimonials--body{display:flex;flex-direction:column;align-items:center;text-align:center;width:95%;margin-top:1rem;position:relative}.testimonials--body .quote{font-size:4rem;position:absolute;z-index:10;-webkit-transform:translateY(50%);transform:translateY(50%);opacity:.5}.testimonials--body button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60px;height:60px;border-radius:50%;-webkit-appearance:none;appearance:none;outline:none;border:none;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.testimonials--body .prevBtn{left:5%;cursor:pointer}.testimonials--body .nextBtn{right:5%;cursor:pointer}.testimonials--slider{display:flex;flex-direction:column;align-items:center;text-align:center;width:70%;border-radius:20px}.single--testimony{padding:2rem;position:relative}.single--testimony,.testimonials--container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.testimonials--container{height:20rem}.review--img{margin:0 auto;width:100px;height:100px;border-radius:50%;z-index:3;-webkit-transform:translateY(50%);transform:translateY(50%);box-shadow:0 0 5px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.review--img img{width:90px}.review--content{margin:0 auto;width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:200px;box-sizing:border-box;padding:30px 40px;display:flex;flex-direction:column;align-items:center;border-radius:20px;justify-content:center}.review--content p{font-style:italic;font-weight:300;width:80%}.review--content h1{font-size:1.5rem;font-weight:600;margin-top:10px}.review--content h4{font-size:1rem;font-weight:500}@media (max-width:992px){.testimonials{height:100%;padding-bottom:2rem}.testimonials--header h1{font-size:3rem;margin-top:1.75rem}.testimonials--body .quote{font-size:3.5rem}.review--content{border-radius:50px}}@media (max-width:768px){.testimonials--header h1{font-size:2.5rem}.testimonials--body{width:100%}.testimonials--body button{display:none}.testimonials--slider{width:90%}.review--content{border-radius:50px}}@media (max-width:576px){.review--img{margin:initial;align-self:flex-start}.review--content{border-radius:20px;min-height:300px}.review--content p{font-size:.9rem;width:90%}.review--content h1{font-size:1.3rem}.review--content h4{font-size:.9rem}}@media (max-width:360px){.testimonials--header h1{font-size:2.2rem}.testimonials--body .quote{font-size:3rem}.testimonials--slider{width:100%}.review--img{width:80px;height:80px}.review--img img{width:70px}}.filler{height:1rem}.formBtn{position:relative;margin:2rem auto;height:4rem;width:18rem;display:flex;align-items:flex;justify-content:center;flex-direction:column;align-items:center}.submitBtn{background:#232526}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:#eaeaea}.contactsHead{background:linear-gradient(#222,#eaeaea)}.contactHeader{font-size:48px;line-height:6rem;color:#232526;font-size:30px;font-family:"Poppins",sans-serif;text-align:center}ul{text-align:justify}ul:after{content:"";display:inline-block;width:100%}ul:before{content:"";display:block}li{color:#fff;display:inline-block;font:1em/1.5 sans-serif}.socialmedia-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin:1rem;color:#eaeaea}.contacts{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;background:linear-gradient(#eaeaea,#222)}.contacts--img{width:280px;pointer-events:none}.contacts-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}a:-webkit-any-link{color:#eaeaea;cursor:pointer;text-decoration:none;-webkit-transition:all 0s;transition:all 0s;text-shadow:none}a:-webkit-any-link:hover{text-shadow:#fff 2px solid;color:#4faeba}.makeStyles-socialIcon-31{width:45px;height:45px;display:flex;font-size:21px;transition:.25s ease-in-out;align-items:center;border-radius:50%;justify-content:center;background-color:none}.contacts-details{display:flex;align-items:flex-start;justify-content:space-evenly;flex:none;box-sizing:border-box;margin-top:1.2rem}.personal-details p{margin-left:1.5rem;font-size:18px;line-height:110%;font-weight:500;font-family:var(--primaryFont);white-space:nowrap;overflow:visible;display:flex;justify-content:space-between}.personal-details{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin-bottom:2.5rem;font-weight:400;background-color:rgba(211,84,0,0);border-radius:10px;padding:5px;transition:all .5s}.personal-details,.personal-details:hover{color:#eaeaea;-webkit-text-decoration:wavy;text-decoration:wavy}.personal-details:hover{background-color:#232526;font-weight:800}@media (min-width:992px){socialIcon{width:"55px";height:"55px";border-radius:"50%";font-size:"45px";display:"flex";align-items:"center";justify-content:"center";padding:"5px";background-color:"none";transition:"250ms ease-in-out"}socialIcon:hover{color:"#000";background-color:red,}}detailsIcon{background-color:"#667";color:"#232526";border-radius:"50%";margin-bottom:.3rem;width:"45px";height:"45px";display:"flex";align-items:"center";justify-content:"center";font-size:"23px";transition:"250ms ease-in-out";flex-shrink:0}detailsIcon:hover{-webkit-transform:"scale(1.1)";transform:"scale(1.1)";color:"#eaeaea";background-color:"#232526"}.contacts--img{position:absolute;right:0;bottom:0}.makeStyles-detailsIcon-35{height:.5rem}.socialMedia-icons,ul{flex-direction:row}@media screen and (max-width:992px){.contacts--img{display:none}.personal-details p{margin-left:1rem;flex-direction:row}}@media screen and (max-width:800px){.personal-details{display:flex;flex-direction:row;font-size:.5rem;align-items:center;justify-content:flex-start;width:100%;margin-bottom:2.5rem;color:#232526;-webkit-text-decoration:wavy;text-decoration:wavy;font-weight:400;background-color:rgba(211,84,0,0);border-radius:10px;padding:5px;transition:all .5s}.contacts-icons{font-size:.5rem}.socialMedia-icons{flex-direction:row}.contacts-form{display:flex;flex:1 1}.form-input{margin-bottom:.45rem}.contacts-form form{align-items:flex-end}.contacts-details{padding:1rem;align-items:center;margin-top:2rem}.personal-details{margin-bottom:1.8rem}.personal-details p{margin-left:1.2rem;width:95%}}@media screen and (max-width:600px){.contacts-form{display:flex;flex:1 1}}.localIcon{font-size:2rem}.contactHeader2{padding:3rem 0 1rem}.css-pjjdvz{margin-left:8px;margin-right:8px}.css-pjjdvz,.projects{display:flex;flex-direction:column;align-items:center}.projects{justify-content:flex-start;overflow-x:hidden;padding:2rem}.projects--header{display:flex;align-items:center;justify-content:center;width:100%;margin:1rem}.projects--header h1{margin-bottom:40px;font-size:3.5rem;font-family:var(--primaryFont)}.projects--body{flex-direction:column;font-family:"Poppins",sans-serif}.projects--body,.projects--bodyContainer{width:100%;display:flex;align-items:center;justify-content:center}.projects--bodyContainer{grid-gap:4.5rem;gap:4.5rem}.projects--viewAll{width:100%;padding:2rem;display:flex;align-items:center;justify-content:flex-end;margin-top:2rem}.project--desc,.project--lang{z-index:1}.project--desc:hover,.project--lang:hover{z-index:1000}.break{opacity:0}@media screen and (min-width:992px){.projects--bodyContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}}@media screen and (max-width:992px){.projects--bodyContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width:800px){.projects--header h1{font-size:2.8rem;margin-bottom:30px}div.projectContent>img{width:100%;height:60%;transition:opacity .7s .3s}}.singleProject{box-shadow:4px 4px 8px rgba(36,3,3,.2);width:304px;height:360px;border-radius:10px;justify-content:center;padding:1.4rem 2rem;position:relative;cursor:pointer;overflow:hidden}.projectContent,.singleProject{display:flex;flex-direction:column;align-items:center}.projectContent{justify-content:space-between;width:100%;height:100%;margin:2em}.projectContent>h2{font-family:var(--primaryFont);font-style:normal;font-weight:600;font-size:1rem;line-height:110%;text-align:center}.projectContent>img{width:80%;height:60%;transition:opacity .7s .3s}.singleProject:hover img{opacity:1}.project--showcaseBtn{display:flex;align-items:center;justify-content:left;width:100%}.project--showcaseBtn>a{cursor:pointer;text-decoration:none}.singleProject .project--desc{position:absolute;width:400px;height:100%;left:0;top:0;font-size:1rem;color:#fff!important;border:2px solid #fff;-webkit-transform:translate(-110%,40%);transform:translate(-110%,40%);padding:15px;border-radius:5px 30px 5px 30px;transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s;line-height:110%;display:flex;align-items:center;justify-content:center;font-family:var(--primaryFont);overflow:auto;z-index:1000}.singleProject:hover .project--desc{-webkit-transform:translate(4px);transform:translate(4px);z-index:1000;border-radius:30px 10px 30px 10px}.project--desc{height:147.3px;font-size:.5rem}.project--lang>span{font-family:var(--primaryFont);font-weight:500;word-break:break-word;line-height:100%}.cardTitle{font-size:1rem;margin-top:-20px}.botCardBtn{background:#222;color:#fff;margin:.1rem}.ProjDesc{padding:.5rem .5rem 1.5rem}.services{flex-direction:column;justify-content:flex-start;padding:3.7rem}.services,.services-header{display:flex;align-items:center}.services-header{justify-content:center;width:100%}.services-header>h1{margin-bottom:20px;font-size:3.5rem;font-family:var(--primaryFont)}.services-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:2rem}.services-body>p{font-family:var(--primaryFont);font-weight:400;font-size:.75rem;width:60%;text-align:center;margin-bottom:6rem}.services-bodycontainer{align-items:center;justify-content:center}.services-bodycontainer,.services-bodycontainer2{display:flex;grid-gap:4.5rem;gap:4.5rem;width:100%;flex-wrap:wrap}.services-bodycontainer2{align-items:right;justify-content:right;padding-top:1rem}@media (min-width:992px) and (max-width:1380px){.services{padding:2.7rem}.services-body>p{width:70%}}@media screen and (max-width:992px){.services{padding:1.7rem}.services-body>p{font-size:1.25rem;width:85%;text-align:center;margin-bottom:4rem}.services-bodycontainer,.services-bodycontainer2{grid-gap:2.5rem;gap:2.5rem}}@media screen and (max-width:800px){.services{padding:1rem}.services-header h1{font-size:3rem;margin-bottom:30px}.services-body>p{font-size:1.05rem;width:95%;text-align:center;margin-bottom:3rem}.services-bodycontainer,.services-bodycontainer2{grid-gap:2rem;gap:2rem}}@media screen and (max-width:600px){.services{padding:.5rem}.services-header h1{font-size:2.5rem;margin-bottom:20px}}.single-service{box-shadow:4px 4px 8px rgba(36,3,3,.2);width:180px;height:180px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.4rem;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.single-service:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.service-content{position:relative;height:150px;display:flex;align-items:center;justify-content:center;padding:1rem}.service-icon{position:absolute;top:15%}.service-icon>svg{font-size:2.8rem}.single-service:hover svg{-webkit-animation:magic .7s ease-in-out both;animation:magic .7s ease-in-out both}@-webkit-keyframes magic{0%,to{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes magic{0%,to{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.service-content>h4{position:absolute;top:65%;height:60px;width:80px;display:flex;align-items:center;justify-content:center;font-family:var(--primaryFont);font-style:normal;font-weight:600;font-size:.75rem;text-align:center;line-height:90%;color:#000}@media screen and (max-width:800px){.single-service{width:160px;height:160px;padding:1.2rem}.service-icon>svg{font-size:2.5rem}.service-content>h4{font-size:15px}}@media screen and (max-width:600px){.single-service{width:150px;height:150px;padding:1.2rem}.service-icon>svg{font-size:2.2rem}.service-content>h4{font-size:13px;top:50%}}.backToTop{position:fixed;right:10px;bottom:60px;height:30px;font-size:3rem;z-index:999}.backToTop button{outline:none;border:none;cursor:pointer;background:none;padding:20px}@media screen and (max-width:800px){.backToTop{right:-10px;bottom:50px;font-size:2.75rem}}.footer{font-family:"var(--primaryFont)",sans-serif;width:100%;display:flex;justify-content:center;align-items:center;color:#eaeaea}.footer p{font-weight:500;font-family:var(--secondary70);font-size:18px;color:#eaeaea}.footer p span{font-size:24px;color:#eaeaea}.contact-icons{color:#eaeaea}.detailsIcon,.socialIcon{background:none;font-size:35px;margin:0 1rem;color:#eaeaea;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.detailsIcon:hover,.socialIcon:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#c0c1c6;background:none}.projectPage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}.projectPage-header{height:35vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.projectPage-header>h1{font-size:4rem;font-family:var(--primaryFont)}.projectPage-container{padding:3rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.projectPage-search{width:100%;display:flex;align-items:center;justify-content:center}.project-container{margin-top:5rem;width:100%}.project-grid{display:flex;grid-gap:4rem;gap:4rem}@media screen and (max-width:992px){.projectPage-header{height:25vh;width:100%;display:flex;align-items:center;justify-content:center}.project-grid{grid-gap:3rem;gap:3rem}}@media screen and (max-width:702px){.project-grid{grid-gap:1.5rem;gap:1.5rem}}@media screen and (max-width:550px){.projectPage-header h1{font-size:3rem}}@media screen and (max-width:400px){.projectPage-header{height:20vh}.projectPage-header h1{font-size:2.5rem}}.formPage{flex-direction:column;justify-content:flex-start;min-height:100vh}.formPage,.formPage-header{display:flex;align-items:center}.formPage-header{height:35vh;width:100%;justify-content:center;position:relative}.formPage-header>h1{font-size:4rem;font-family:var(--primaryFont)}.formPage-container{padding:3rem 2rem;flex-direction:column;justify-content:flex-start}.formPage-container,.formPage-search{width:100%;display:flex;align-items:center}.formPage-search{justify-content:center}.form-container{margin-top:5rem;width:100%;background-color:none}.form-grid{display:flex;grid-gap:4rem;gap:4rem}@media screen and (max-width:992px){.formPage-header{height:25vh;width:100%;display:flex;align-items:center;justify-content:center}.form-grid{grid-gap:3rem;gap:3rem}}@media screen and (max-width:702px){.form-grid{grid-gap:1.5rem;gap:1.5rem}}@media screen and (max-width:550px){.formPage-header h1{font-size:3rem}}@media screen and (max-width:400px){.formPage-header{height:20vh}.formPage-header h1{font-size:2.5rem}}.projectPage-search{background:none!important}:root{--primaryFont:"Poppins",sans-serif;--primary:#232526;--white:#fff}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:#232526} -/*# sourceMappingURL=main.5f658fd4.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.5f658fd4.chunk.css.map b/build/static/css/main.5f658fd4.chunk.css.map deleted file mode 100644 index 8b0f2b5..0000000 --- a/build/static/css/main.5f658fd4.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.5f658fd4.chunk.css","webpack://src/index.css","webpack://src/components/Navbar/Navbar.css","webpack://src/components/Landing/Landing.css","webpack://src/components/About/About.css","webpack://src/components/Skills/Skills.css","webpack://src/components/Testimonials/Testimonials.css","webpack://src/components/PreContact/PreContact.css","webpack://src/components/Projects/Projects.css","webpack://src/components/Projects/SingleProject/SingleProject.css","webpack://src/components/Services/Services.css","webpack://src/components/Services/SingleService/SingleService.css","webpack://src/components/BackToTop/BackToTop.css","webpack://src/components/Footer/Footer.css","webpack://src/pages/ThankYou/ThankYou.css","webpack://src/pages/FormPage/FormPage.css","webpack://src/App.css"],"names":[],"mappings":"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","file":"main.5f658fd4.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap\" rel=\"stylesheet);\n@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap);\n@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap);\n@font-face {\n font-family: 'BestermindRegular';\n src: url(/static/media/BestermindRegular.e58a1922.ttf); \n src: url(/static/media/BestermindRegular.e58a1922.ttf) format('embedded-opentype'), \n url(/static/media/BestermindRegular.e58a1922.ttf) format('truetype'), \n}\nbody{\n background: linear-gradient(#111 0%, #135d66 100%);\n\n}\n:root {\n --primary: #04a0ee;\n --white: #ffffff;\n}\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #04a0ee;\n color: var(--primary);\n}\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\na {\n text-decoration: none;\n}\n\n\n/* scrollBar */\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n::-webkit-scrollbar-track {\n background: #04a0ee;\n background: var(--primary);\n}\n::-webkit-scrollbar-thumb {\n background: #eaeaea;\n border-radius: 10px;\n -webkit-transition: 2.3s;\n transition: 2.3s;\n}\n\nimg{\n -webkit-touch-callout: none; \n -webkit-user-select: none; \n user-select: none; \n\n}\n\n.makeStyles-drawerItem-77 {\n color: #eaeaea;\n}\n\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 400px) {\n body {\n overflow-x: hidden;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n body {\n overflow-x: hidden;\n }\n}\n\n\n.navbar {\n height: 6.5rem;\n position: absolute;\n background-color: transparent;\n z-index: 99;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.navbar--container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0 3rem;\n margin-top: 1rem;\n}\n\n.navbar--container>h1 {\n font-family: 'BestermindRegular';\n color: var(--primary-2);\n font-size: 2.5rem;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.navLink--container {\n margin-top: 5rem;\n}\n\n.drawer>.MuiBackdrop-root {\n background: rgba(33, 33, 33, 0.15) !important;\n -webkit-backdrop-filter: blur(20px) !important;\n backdrop-filter: blur(20px) !important;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width:1100px) {\n .navbar--container {\n padding: 0 2rem;\n }\n\n .navbar--container>h1 {\n font-size: 2.2rem;\n }\n\n .nav-menu {\n font-size: 2.2rem;\n margin-top: -1.5rem;\n }\n}\n\n@media (max-width:800px) {\n .navLink--container {\n margin-top: 3rem;\n }\n}\n\n@media (max-width:600px) {\n .nav-menu {\n color: var(--primary);\n }\n\n .navbar--container>h1 {\n font-size: 2rem;\n }\n\n .nav-menu:hover {\n color: var(--primary-2);\n }\n\n .MuiDrawer-paper {\n border-radius: 0 !important;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .navbar {\n height: 5rem;\n }\n\n .navbar--container {\n padding: 0 1rem;\n margin-top: 0rem;\n }\n\n .navbar--container>h1 {\n font-size: 1.5rem;\n }\n}\n.landing {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n\n}\n\n.landing--container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width:100%;\n position: relative;\n}\n\n.landing--img {\n opacity: 0;\n --img-size: 400px;\n position: absolute;\n left: 35%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n width: var(--img-size);\n height: var(--img-size);\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);\n transition: opacity 0.3s;\n}\n\n.landing--img:hover {\n opacity: 1;\n}\n\n.landing--container-left {\n flex: 35% 1;\n height: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n}\n\n.landing--social2 {\n display: none;\n}\n\n.lcl--content {\n /* margin: 3rem; */\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color:#eaeaea;\n}\n\n.landing--social {\n font-size: 2rem;\n margin: 0 .5rem;\n transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n transition: transform 0.5s, -webkit-transform 0.5s;\n padding-bottom: .2rem;\n color: #eaeaea;\n}\n\n.landing--social:hover {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n color: #4faeba;\n}\n\n.landing--social2 {\n font-size: 35px;\n margin: 0 .3rem;\n transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n transition: transform 0.5s, -webkit-transform 0.5s;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.landing--social2:hover {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n color: #4faeba;\n\n}\n\n.landing--container-right {\n flex: 65% 1;\n height: 100%;\n background-color: #eaeaea;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: center;\n}\n\n.lcr--content {\n width: 45%;\n margin-right: 7rem;\n font-family: var(--primaryFont);\n font-style: normal;\n}\n\n.lcr--content h6 {\n font-weight: 500;\n font-size: 1.25rem;\n margin-bottom: -0.85rem;\n opacity: 0.8;\n}\n\n.lcr--content h1 {\n font-weight: 600;\n font-size: 3.25rem;\n line-height: 110%;\n margin: 1rem 0;\n}\n\n.lcr--content p {\n margin-top: 1.45rem;\n font-weight: 500;\n font-size: 1.15rem;\n opacity: 0.7;\n}\n\n.lcr-buttonContainer {\n margin-top: 2rem;\n width: 350px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-family: \"var(--primaryFont)\", sans-serif;\n}\n\n.lcl--content2{\n display: none;\n}\n\n\n\n@media (max-width: 1100px) {\n .landing--img {\n --img-size: 300px;\n }\n .lcl--content {\n margin: 2rem;\n }\n\n .lcr--content h6 {\n font-size: 1.1rem;\n }\n\n .lcr--content h1 {\n font-size: 3rem;\n }\n\n .lcr--content p {\n margin-top: 0.3rem;\n margin-bottom: 1rem;\n font-weight: 500;\n font-size: 1rem;\n }\n\n .lcr-buttonContainer {\n margin-top: 1rem;\n flex-direction: column;\n width: 200px;\n height: 120px;\n align-items: flex-start;\n }\n}\n\n@media (max-width: 900px) {\n .landing--img {\n --img-size: 300px;\n }\n\n .landing--social {\n font-size: 30px;\n }\n .lcr--content {\n width: 60%;\n margin-top: 10%;\n margin-right: 6%;\n }\n\n .lcr-buttonContainer {\n margin-top: 1rem;\n flex-direction: column;\n /* width: 200px; */\n height: 120px;\n align-items: flex-start;\n }\n .lcr-buttonContainer button:nth-child(2) {\n display: none;\n }\n}\n\n@media (max-width: 600px) {\n .landing--container {\n flex-direction: column;\n justify-content: space-between;\n }\n .landing--img {\n display: none;\n }\n .landing--container-left {\n flex: initial;\n width: 100%;\n height: 30%;\n }\n .landing--social {\n display: none;\n }\n\n .landing--social2 {\n display: inline-flex;\n }\n\n .lcl--content2{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .landing--container-right {\n box-sizing: border-box;\n padding: 0 2rem;\n flex: initial;\n height: 70%;\n width: 100%;\n background-color: rgb(33, 33, 33);\n align-items: center;\n justify-content: center;\n padding: 0 2rem;\n }\n .lcr--content {\n margin-top: 20%;\n margin-right: initial;\n width: 100%;\n }\n .lcr--content h6 {\n font-size: 1rem;\n text-align: center;\n }\n .lcr--content h1 {\n font-size: 2.5rem;\n text-align: center;\n }\n .lcr--content p {\n font-size: 0.95rem;\n text-align: center;\n margin: 0 auto;\n width: 90%;\n }\n .lcr-buttonContainer {\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .lcr-buttonContainer button {\n margin-top: 10%;\n }\n}\n\n \n@media (max-width: 370px) {\n .lcr--content {\n margin-top: 60%;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .landing {\n height: 100%;\n }\n\n .landing--img {\n --img-size: 150px;\n left: 50%;\n top: 20%;\n }\n}\n\n.MuiButton-label {\n color: #4faeba;\n}\n\n.MuiButton-label:hover{\n color: #4faeba;\n}\n.about {\n position: relative;\n top: 1px solid #fff;\n background: linear-gradient(#222 0%, #444 75%, #232526 100%)\n\n}\n\n.about .line-styling{\n position: absolute;\n top: 50px;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 50px;\n width: 85%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.about .line-styling .style-circle{\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.about .line-styling .style-line{\n width: 95%;\n height: 5px;\n border-radius: 10px;\n}\n\n.about-body {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n padding-top: 8rem;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.about-description {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-evenly;\n flex: 0.5 1;\n width: 100%;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.about-description >h2 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.about-description > p {\n font-size: 1.25rem;\n color: #e0d9d9;\n font-family: var(--primaryFont);\n}\n\n.about-img {\n margin-top: 40px;\n pointer-events: none;\n}\n\n.about-img > img {\n width: 600px;\n flex: 0.5 1;\n}\n\n@media (min-width: 992px) and (max-width: 1380px) {\n\n .about-description > h2 {\n font-size: 3.3rem;\n margin-bottom: 30px;\n }\n .about-description > p {\n font-size: 1.15rem;\n }\n\n .about-img>img {\n width: 500px;\n } \n}\n\n@media screen and (max-width: 992px){\n\n .about .line-styling{\n top: 20px;\n }\n\n .about-body {\n padding-top: 2rem;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n }\n\n .about-description{\n flex: 0.6 1;\n box-sizing: border-box;\n /* padding: 5% 10%; */\n padding: 20px;\n\n }\n\n .about-description > h2 {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n\n .about-description > p {\n font-size: 1.1rem;\n }\n\n .about-img > img {\n width: 250px;\n flex: 0.4 1;\n }\n\n}\n\n@media screen and (max-width: 800px){\n .about .line-styling .style-circle{\n width: 8px;\n height: 8px;\n border-radius: 50%;\n }\n .about-description > h2{\n align-self: center;\n }\n\n}\n\n@media screen and (max-width: 600px){\n\n .about .line-styling .style-circle{\n width: 5px;\n height: 5px;\n border-radius: 50%;\n }\n .about .line-styling .style-line{\n /* width: 93%; */\n height: 3px;\n border-radius: 10px;\n }\n\n .about-description > h2 {\n font-size: 2.5rem;\n }\n\n .about-description > p{\n font-size: 0.95rem;\n }\n\n .about-img > img {\n /* width: 200px; */\n }\n}\n\n.skills {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 60vh;\n padding: 2.5rem 2rem 2rem 2rem;\n background: rgb(50, 50, 50);\n color: #eaeaea;\n}\n\n.skillsHeader {\n display: flex;\n align-items: center;\n justify-content: center;\n \n}\n\n.skillsHeader h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: bold;\n font-size: 3rem;\n text-align: center;\n}\n\n.skillsContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 3.5rem;\n padding: 0 2rem;\n}\n\n.skill--scroll {\n width: 100%;\n margin: 0 2rem;\n}\n\n\n.skill--box {\n background: #FAFAFA;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.12);\n border-radius: 10px;\n width: 160px;\n height: 160px;\n margin: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2rem 1rem;\n transition: 300ms ease-in-out;\n}\n\n.skill--box:hover {\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n}\n\n.skill--box>img {\n height: 50px;\n pointer-events: none;\n}\n\n.skill--box h3 {\n font-family: Big Shoulders Text;\n font-style: normal;\n font-weight: 500;\n font-size: 22px;\n text-align: center;\n margin-top: 1rem;\n}\n\n.marquee {\n padding: 3rem 0;\n}\n\n.overlay{\n --gradient-color: rgb(0, 0, 0), rgba(255, 255, 255, 0)!important;\n --gradient-width: 200px;\n border-radius: 10px;\n}\n\n.overlay::after, .overlay::before{\n border-radius: 10%;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (min-width: 992px) and (max-width: 1380px) {\n .skills {\n padding: 2rem 1rem 1rem 1rem;\n }\n\n .skillsContainer {\n padding: 1.5rem;\n margin-top: 1.5rem;\n }\n}\n\n@media screen and (max-width: 992px) {\n .skills {\n padding: 1rem;\n min-height: 100%;\n }\n\n .skillsContainer {\n padding: 1rem;\n margin: 1rem 0;\n }\n\n .skillsHeader h2 {\n font-size: 3.2rem;\n }\n\n .skill--box {\n width: 150px;\n height: 150px;\n margin: 1.2rem;\n padding: 2rem 1rem;\n }\n\n .skill--box>img {\n height: 45px;\n }\n\n\n .skill--box h3 {\n font-size: 20px;\n margin-top: 1rem;\n }\n\n}\n\n@media screen and (max-width: 800px) {\n .skills {\n padding: 0.5rem;\n }\n\n .skillsContainer {\n padding: 0.5rem;\n }\n\n .skillsHeader h2 {\n font-size: 3rem;\n }\n\n .skill--scroll {\n width: 100%;\n margin: 0;\n }\n}\n\n@media screen and (max-width: 600px) {\n .skill--box {\n width: 135px;\n height: 135px;\n margin: 1.2rem;\n padding: 2rem 1rem;\n }\n\n .skill--box>img {\n height: 40px;\n }\n\n .skillsHeader h2 {\n font-size: 2.5rem;\n }\n\n .skill--box h3 {\n font-size: 18px;\n margin-top: 1rem;\n }\n}\n\n \n.testimonials {\n font-family: var(--primaryFont);\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: linear-gradient(#222 0%, #777 50%, #eaeaea 100%);\n color:purple;\n color: var(--primary);\n border-radius: 10px;\n}\n\n.slick-slider {\n height: 100% !important;\n width: 100%;\n}\n\n.slick-initialized {\n overflow: hidden;\n}\n\n.slick-list {\n position: relative;\n display: block;\n overflow: hidden;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\n.slick-dots {\n position: relative !important;\n bottom: 1rem !important;\n \n}\n#root > div > div:nth-child(1) > div.testimonials > div.testimonials--body > div > div > ul > li > button{\n background: #eaeaea;\n width: .5rem;\n height: .5rem;\n}\n\n \n.testimonials--header h1 {\n background: none;\n font-style: normal;\n font-weight: bold;\n font-size: 3.5rem;\n text-align: center;\n}\n\n.testimonials--body {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 95%;\n margin-top: 1rem;\n position: relative;\n\n}\n\n.testimonials--body .quote {\n font-size: 4rem;\n position: absolute;\n z-index: 10;\n -webkit-transform: translateY(50%);\n transform: translateY(50%);\n opacity: 0.5;\n}\n\n.testimonials--body button {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n border-radius: 50%;\n -webkit-appearance: none;\n appearance: none;\n outline: none;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.6rem;\n}\n\n.testimonials--body .prevBtn {\n left: 5%;\n cursor: pointer;\n}\n\n.testimonials--body .nextBtn {\n right: 5%;\n cursor: pointer;\n}\n\n.testimonials--slider {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 70%;\n border-radius: 20px;\n}\n\n.single--testimony {\n padding: 2rem;\n width: 100%;\n /* height: 500px; */\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.testimonials--container {\n width: 100%;\n height: 20rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.review--img {\n margin: 0 auto;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n z-index: 3;\n -webkit-transform: translateY(50%);\n transform: translateY(50%);\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n\n}\n\n.review--img img {\n width: 90px;\n}\n\n.review--content {\n margin: 0 auto;\n width: 90%;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n border-radius: 200px;\n box-sizing: border-box;\n padding: 30px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 20px;\n justify-content: center;\n}\n\n.review--content p {\n font-style: italic;\n font-weight: 300;\n width: 80%;\n}\n\n.review--content h1 {\n font-size: 1.5rem;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.review--content h4 {\n font-size: 1rem;\n font-weight: 500;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width: 992px) {\n .testimonials {\n height: 100%;\n padding-bottom: 2rem;\n }\n\n .testimonials--header h1 {\n font-size: 3rem;\n margin-top: 1.75rem;\n }\n\n .testimonials--body .quote {\n font-size: 3.5rem;\n }\n\n .review--content {\n border-radius: 50px;\n }\n}\n\n@media (max-width: 768px) {\n .testimonials--header h1 {\n font-size: 2.5rem;\n }\n\n .testimonials--body {\n width: 100%;\n }\n\n .testimonials--body button {\n display: none;\n }\n\n .testimonials--slider {\n width: 90%;\n }\n\n .review--content {\n border-radius: 50px;\n }\n}\n\n@media (max-width: 576px) {\n .review--img {\n margin: initial;\n align-self: flex-start;\n }\n\n .review--content {\n border-radius: 20px;\n min-height: 300px;\n }\n\n .review--content p {\n font-size: 0.9rem;\n width: 90%;\n }\n\n .review--content h1 {\n font-size: 1.3rem;\n }\n\n .review--content h4 {\n font-size: 0.9rem;\n }\n}\n\n@media (max-width: 360px) {\n .testimonials--header h1 {\n font-size: 2.2rem;\n }\n\n .testimonials--body .quote {\n font-size: 3rem;\n }\n\n .testimonials--slider {\n width: 100%;\n }\n\n .review--img {\n width: 80px;\n height: 80px;\n }\n\n .review--img img {\n width: 70px;\n }\n\n .review--content {\n /* min-height: 350px; */\n }\n}\n.filler{\n height: 1rem;\n /* color: var(--secondary50) */\n}\n.formBtn{\n position: relative;\n margin:2rem auto;\n height: 4rem;\n width:18rem;\n display: flex;\n\talign-items: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n}\n\n\n.submitBtn\n{\n background: #232526;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #eaeaea;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #eaeaea 100%)\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 48px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n line-height: 6rem;\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 30px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n}\n\n\nul\n{\n\n text-align: justify;\n}\n\nul:after\n{\n content: '';\n display: inline-block;\n width: 100%;\n}\n\nul:before\n{\n content: '';\n display: block;\n}\n\nli\n{\n color: #fff;\n display: inline-block;\n font: 1em/1.5 sans-serif;\n /* position: relative; */\n\n}\n\n.socialmedia-icons\n{\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n grid-gap: 1.5rem;\n gap: 1.5rem;\n margin: 1rem;\n color: #eaeaea;\n}\n\n\n\n.contacts\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n position: relative;\n background: linear-gradient( #eaeaea 0%, #222 100%);\n\n}\n\n\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n width: 280px;\n pointer-events: none;\n}\n\n.contacts-body\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 100%;\n}\n\n\n\na:-webkit-any-link\n{\n color: #eaeaea;\n cursor: pointer;\n text-decoration: none;\n -webkit-transition: all 0s;\n transition: all 0s;\n text-shadow: none;\n}\n\na:-webkit-any-link:hover\n{\n text-shadow:#fff 2px solid;\n color: #4faeba;\n \n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #232526; */\n width: 45px;\n height: 45px;\n display: flex;\n font-size: 21px;\n transition: 250ms ease-in-out;\n align-items: center;\n border-radius: 50%;\n justify-content: center;\n background-color: none;\n}\n\n.contacts-details\n{\n display: flex; \n align-items: flex-start;\n justify-content: space-evenly;\n flex: none;\n box-sizing: border-box;\n margin-top: 1.2rem;\n\n}\n\n.personal-details p\n{\n margin-left: 1.5rem;\n font-size: 18px;\n line-height: 110%;\n font-weight: 500;\n font-family: var(--primaryFont);\n white-space: nowrap;\n overflow: visible;\n display: flex;\n justify-content: space-between;\n}\n\n.personal-details\n{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #eaeaea;\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n}\n\n.personal-details:hover\n{\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n background-color: #232526;\n color: #eaeaea;\n font-weight: 800;\n}\n\n\n\n\n@media (min-width: 992px)\n{\n socialIcon\n {\n width: '55px';\n height: '55px';\n border-radius: '50%'; \n font-size: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n padding: '5px';\n background-color: 'none';\n transition: '250ms ease-in-out';\n }\n\n socialIcon:hover\n {\n color: '#000';\n background-color: red,\n }\n}\n\ndetailsIcon\n{\n background-color: '#667';\n color: '#232526';\n border-radius: '50%'; \n margin-bottom: 0.3rem;\n width: '45px';\n height: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n font-size: '23px';\n transition: '250ms ease-in-out';\n flex-shrink: 0;\n}\n\ndetailsIcon:hover\n{\n -webkit-transform: 'scale(1.1)';\n transform: 'scale(1.1)';\n color: '#eaeaea';\n background-color: '#232526';\n}\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n /* width: 240px; */\n}\n\n.makeStyles-detailsIcon-35\n{\n height: 0.5rem;\n}\n\n\nul,\n.socialMedia-icons\n{\n flex-direction: row;\n}\n\n\n\n@media screen and (max-width: 992px)\n{\n .contacts--img\n {\n display: none;\n }\n\n \n\n\n .personal-details p\n {\n margin-left: 1rem;\n\n flex-direction: row;\n }\n}\n\n@media screen and (max-width: 800px)\n{\n \n .personal-details\n {\n display: flex;\n flex-direction: row;\n font-size: 0.5rem;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #232526;\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n }\n\n \n\n .contacts-icons\n {\n font-size: .5rem;\n }\n\n \n\n .socialMedia-icons\n {\n flex-direction: row;\n }\n\n .contacts-form\n {\n display: flex;\n flex: 1 1;\n\n }\n\n .form-input\n {\n margin-bottom: 0.45rem;\n }\n\n .contacts-form form\n {\n align-items: flex-end;\n }\n\n .contacts-details\n {\n padding-left: 0rem;\n padding: 1rem;\n align-items: center;\n margin-top: 2rem;\n /* flex-direction: column; */\n }\n .personal-details\n {\n margin-bottom: 1.8rem;\n }\n\n .personal-details p\n {\n margin-left: 1.2rem;\n width: 95%;\n }\n}\n\n@media screen and (max-width: 600px)\n{\n .contacts-form\n {\n display: flex;\n flex: 1 1;\n }\n}\n\n\n.localIcon\n{\n font-size: 2rem;\n}\n \n.contactHeader2{\n padding: 3rem 0 1rem 0;\n}\n \n.css-pjjdvz {\n margin-left: 8px;\n margin-right: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n}\n.projects {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n /* min-height: 100vh; */\n overflow-x: hidden;\n padding: 2rem;\n}\n\n.projects--header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem;\n}\n\n.projects--header h1 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.projects--body {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n}\n\n.projects--bodyContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 4.5rem;\n gap: 4.5rem;\n width: 100%;\n}\n\n.projects--viewAll {\n width: 100%;\n padding: 2rem;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-top: 2rem;\n}\n\n\n\n.project--lang,\n.project--desc {\n z-index: 1;\n}\n\n.project--desc:hover,\n.project--lang:hover {\n z-index: 1000;\n}\n\n.break{\n opacity:0;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (min-width: 992px) {\n .projects--bodyContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n}\n@media screen and (max-width: 992px) {\n .projects--bodyContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n /* width: 100%; */\n }\n}\n\n@media screen and (max-width: 800px) {\n .projects--header h1 {\n font-size: 2.8rem;\n margin-bottom: 30px;\n }\n div.projectContent > img{\n width: 100%;\n height: 60%;\n transition: opacity 0.7s 0.3s;\n }\n}\n \n.singleProject {\n box-shadow: 4px 4px 8px rgba(36, 3, 3, 0.2);\n width: 304px;\n height: 360px;\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1.4rem 2rem;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n}\n\n.projectContent {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 100%;\n margin: 2em;\n}\n\n.projectContent>h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: 600;\n font-size: 1rem;\n line-height: 110%;\n text-align: center;\n}\n\n.projectContent>img {\n width: 80%;\n height: 60%;\n transition: opacity 0.7s 0.3s;\n}\n\n.singleProject:hover img {\n opacity: 20;\n}\n\n.project--showcaseBtn {\n display: flex;\n align-items: center;\n justify-content: left;\n width: 100%;\n}\n\n.project--showcaseBtn>a {\n cursor: pointer;\n text-decoration: none;\n /* transition: transform 0.5s 0.3s; */\n}\n\n/* .singleProject:hover .project--showcaseBtn a:nth-child(2) {\n transform: translateX(-140px) scale(1.1) !important;\n} */\n\n\n.singleProject .project--desc {\n position: absolute;\n width: 400px;\n height: 100%;\n left: 0;\n top: 0;\n font-size: 1rem;\n color:#fff !important;\n border: 2px solid #fff;\n -webkit-transform: translate(-110%, 40%);\n transform: translate(-110%, 40%);\n padding: 15px;\n border-radius: 5px 30px 5px 30px;\n transition: -webkit-transform 0.9s;\n transition: transform 0.9s;\n transition: transform 0.9s, -webkit-transform 0.9s;\n line-height: 110%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--primaryFont);\n overflow:auto;\n z-index: 1000;\n}\n\n.singleProject:hover .project--desc {\n -webkit-transform: translate(4px, 0);\n transform: translate(4px, 0);\n z-index: 1000;\n border-radius: 30px 10px 30px 10px;\n\n}\n\n.project--desc {\n height: 147.30px;\n font-size:.5rem;\n}\n\n.project--lang>span {\n font-family: var(--primaryFont);\n font-weight: 500;\n word-break: break-word;\n line-height: 100%;\n}\n\n\n\n.cardTitle{\n font-size: 1rem;\n margin-top: -20px;\n}\n\n.botCardBtn{\n background: #222;\n color: white;\n margin: .1rem;\n}\n\n.ProjDesc{\n padding: .5rem .5rem 1.5rem .5rem;\n}\n.services {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 3.7rem;\n}\n\n.services-header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.services-header>h1 {\n margin-bottom: 20px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.services-body {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n margin-bottom: 2rem;\n}\n\n.services-body>p {\n font-family: var(--primaryFont);\n font-weight: 400;\n font-size: 0.75rem;\n width: 60%;\n text-align: center;\n margin-bottom: 6rem;\n}\n\n.services-bodycontainer {\n display: flex;\n align-items: center;\n justify-content: center;\n grid-gap: 4.5rem;\n gap: 4.5rem;\n width: 100%;\n flex-wrap: wrap;\n}\n\n.services-bodycontainer2 {\n display: flex;\n align-items: right;\n justify-content: right;\n grid-gap: 4.5rem;\n gap: 4.5rem;\n width: 100%;\n flex-wrap: wrap;\n padding-top: 1rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (min-width: 992px) and (max-width: 1380px) {\n .services {\n padding: 2.7rem;\n }\n\n .services-body>p {\n width: 70%;\n }\n}\n\n@media screen and (max-width: 992px) {\n .services {\n padding: 1.7rem;\n }\n\n .services-body>p {\n font-size: 1.25rem;\n width: 85%;\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .services-bodycontainer, .services-bodycontainer2 {\n grid-gap: 2.5rem;\n gap: 2.5rem;\n }\n}\n\n@media screen and (max-width: 800px) {\n .services {\n padding: 1rem;\n }\n\n .services-header h1 {\n font-size: 3rem;\n margin-bottom: 30px;\n }\n\n .services-body>p {\n font-size: 1.05rem;\n width: 95%;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .services-bodycontainer, .services-bodycontainer2 {\n grid-gap: 2rem;\n gap: 2rem;\n }\n}\n\n@media screen and (max-width: 600px) {\n .services {\n padding: 0.5rem;\n }\n\n .services-header h1 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n }\n/* \n .services-body p {\n width: 80%;\n } */\n\n /* .services-bodycontainer {\n gap: 1rem;\n } */\n}\n.single-service {\n box-shadow: 4px 4px 8px rgba(36, 3, 3, 0.2);\n width: 180px;\n height: 180px;\n border-radius: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1.4rem 1.4rem;\n transition: -webkit-transform 300ms ease-in-out;\n transition: transform 300ms ease-in-out;\n transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n}\n\n.single-service:hover {\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n}\n\n.service-content {\n position: relative;\n height: 150px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n\n.service-icon {\n position: absolute;\n top: 15%;\n}\n\n.service-icon>svg {\n font-size: 2.8rem;\n}\n\n.single-service:hover svg {\n -webkit-animation: magic 0.7s ease-in-out both;\n animation: magic 0.7s ease-in-out both;\n}\n\n@-webkit-keyframes magic {\n 0%,\n 100% {\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n\n 25% {\n -webkit-transform: translate(0, -20px);\n transform: translate(0, -20px);\n }\n\n 50% {\n -webkit-transform: translate(0, 0px);\n transform: translate(0, 0px);\n }\n\n 75% {\n -webkit-transform: translate(0, -10px);\n transform: translate(0, -10px);\n }\n}\n\n@keyframes magic {\n 0%,\n 100% {\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n\n 25% {\n -webkit-transform: translate(0, -20px);\n transform: translate(0, -20px);\n }\n\n 50% {\n -webkit-transform: translate(0, 0px);\n transform: translate(0, 0px);\n }\n\n 75% {\n -webkit-transform: translate(0, -10px);\n transform: translate(0, -10px);\n }\n}\n\n.service-content>h4 {\n position: absolute;\n top: 65%;\n height: 60px;\n width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: 600;\n font-size: .75rem;\n text-align: center;\n line-height: 90%;\n color: #000000;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 800px) {\n .single-service {\n width: 160px;\n height: 160px;\n padding: 1.2rem 1.2rem;\n }\n\n .service-icon>svg {\n font-size: 2.5rem;\n }\n\n .service-content>h4 {\n font-size: 15px;\n }\n}\n\n@media screen and (max-width: 600px) {\n .single-service {\n width: 150px;\n height: 150px;\n padding: 1.2rem 1.2rem;\n }\n\n .service-icon>svg {\n font-size: 2.2rem;\n }\n\n .service-content>h4 {\n font-size: 13px;\n top: 50%;\n }\n}\n.backToTop {\n position: fixed;\n right: 10px;\n bottom: 60px;\n height: 30px;\n font-size: 3rem;\n z-index: 999;\n}\n\n.backToTop button {\n outline: none;\n border: none;\n cursor: pointer;\n background: none;\n padding: 20px;\n}\n\n@media screen and (max-width: 800px) {\n .backToTop {\n right: -10px;\n bottom: 50px;\n font-size: 2.75rem;\n }\n}\n\n.footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #eaeaea;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #eaeaea;\n}\n\n.footer p span {\n font-size: 24px;\n color: #eaeaea;\n}\n\n.contact-icons{\n color: #eaeaea;\n}\n\n.detailsIcon, .socialIcon {\n background: none;\n font-size: 35px;\n margin: 0 1rem;\n color:#eaeaea;\n transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n transition: transform 0.5s, -webkit-transform 0.5s;\n}\n\n.detailsIcon:hover, .socialIcon:hover {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n color: #C0C1C6;\n background: none;\n}\n.projectPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n}\n\n.projectPage-header {\n height: 35vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.projectPage-header>h1 {\n font-size: 4rem;\n font-family: var(--primaryFont);\n}\n\n.projectPage-container {\n padding: 3rem 2rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n}\n\n.projectPage-search {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.project-container {\n margin-top: 5rem;\n width: 100%;\n}\n\n.project-grid {\n display: flex;\n grid-gap: 4rem;\n gap: 4rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 992px) {\n .projectPage-header {\n height: 25vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .project-grid {\n grid-gap: 3rem;\n gap: 3rem;\n }\n}\n\n@media screen and (max-width: 702px) {\n .project-grid {\n grid-gap: 1.5rem;\n gap: 1.5rem;\n }\n}\n\n@media screen and (max-width: 550px) {\n .projectPage-header h1 {\n font-size: 3rem;\n }\n}\n\n@media screen and (max-width: 400px) {\n .projectPage-header {\n height: 20vh;\n }\n\n .projectPage-header h1 {\n font-size: 2.5rem;\n }\n}\n.projectPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n}\n\n.projectPage-header {\n height: 35vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.projectPage-header>h1 {\n font-size: 4rem;\n font-family: var(--primaryFont);\n}\n\n.projectPage-container {\n padding: 3rem 2rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n}\n\n.projectPage-search {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.project-container {\n margin-top: 5rem;\n width: 100%;\n}\n\n.project-grid {\n display: flex;\n grid-gap: 4rem;\n gap: 4rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 992px) {\n .projectPage-header {\n height: 25vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .project-grid {\n grid-gap: 3rem;\n gap: 3rem;\n }\n}\n\n@media screen and (max-width: 702px) {\n .project-grid {\n grid-gap: 1.5rem;\n gap: 1.5rem;\n }\n}\n\n@media screen and (max-width: 550px) {\n .projectPage-header h1 {\n font-size: 3rem;\n }\n}\n\n@media screen and (max-width: 400px) {\n .projectPage-header {\n height: 20vh;\n }\n\n .projectPage-header h1 {\n font-size: 2.5rem;\n }\n}\n/* .formComp{\n box-sizing: border-box;\n padding: 0 0rem;\n flex: initial;\n height: 70%;\n width: 100%;\n background: var(--primary);\n align-items: center;\n justify-content: center;\n padding: 0 2rem;\n color: white;\n margin-bottom:40%;\n}\n.form-container{\n display: flex;\n flex-direction: column;\n padding: 0 20%;\n justify-content: center;\n height: 100%;\n width:100%;\n position: relative;\n}\n\n.formHeader{\n display: flex;\n \n text-align: left;\n color:#eaeaea\n}\n.formButton{\n width: 50%;\n margin: auto;\n padding: 0 5rem;\n}\n\n.formDiv{\n width: 100%;\n margin: auto;\n}\n\n.inputForm{\n background: #eaeaea;\n color: black;\n}\n\n.App {\n font-family: sans-serif;\n text-align: center;\n}\n.formElement {\n width: 30%;\n display: inline-flex;\n background: #eaeaea;\n}\n\n.imgForm{\n display: flex;\n justify-content: center;\n width: 10%;\n margin: 1rem;\n}\n\n.MuiInputBase-input {\n margin: 3rem 3rem;\n}\n.divFormBtn{\n position: relative;\n align-items: center;\n}\n\n#formButtonComponent {\n display: flex;\n justify-content: center;\n top: 50%;\n left: 50%;\n}\n\nItem{\n background: orange;\n}\n */\n\n\n .formPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n}\n\n.formPage-header {\n height: 35vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.formPage-header>h1 {\n font-size: 4rem;\n font-family: var(--primaryFont);\n}\n\n.formPage-container {\n padding: 3rem 2rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n}\n\n.formPage-search {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.form-container {\n margin-top: 5rem;\n width: 100%;\n background-color: none;\n}\n\n.form-grid {\n display: flex;\n grid-gap: 4rem;\n gap: 4rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 992px) {\n .formPage-header {\n height: 25vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .form-grid {\n grid-gap: 3rem;\n gap: 3rem;\n }\n}\n\n@media screen and (max-width: 702px) {\n .form-grid {\n grid-gap: 1.5rem;\n gap: 1.5rem;\n }\n}\n\n@media screen and (max-width: 550px) {\n .formPage-header h1 {\n font-size: 3rem;\n }\n}\n\n@media screen and (max-width: 400px) {\n .formPage-header {\n height: 20vh;\n }\n\n .formPage-header h1 {\n font-size: 2.5rem;\n }\n}\n\n.projectPage-search{\n background: none !important;\n}\n\n\n:root\n{\n --primaryFont: 'Poppins', sans-serif;\n\n --primary: #232526;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #232526;\n}\n","@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap\" rel=\"stylesheet');\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap');\n\n@font-face {\n font-family: 'BestermindRegular';\n src: url('./assets/fonts/Bestermind/BestermindRegular.ttf'); \n src: url('./assets/fonts/Bestermind/BestermindRegular.ttf') format('embedded-opentype'), \n url('./assets/fonts/Bestermind/BestermindRegular.ttf') format('truetype'), \n}\nbody{\n background: linear-gradient(#111 0%, #135d66 100%);\n\n}\n:root {\n --primary: #04a0ee;\n --white: #ffffff;\n}\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: var(--primary);\n}\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\na {\n text-decoration: none;\n}\n\n\n/* scrollBar */\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n::-webkit-scrollbar-track {\n background: var(--primary);\n}\n::-webkit-scrollbar-thumb {\n background: #eaeaea;\n border-radius: 10px;\n transition: 2.3s;\n}\n\nimg{\n -webkit-touch-callout: none; \n -webkit-user-select: none;\n -khtml-user-select: none; \n -moz-user-select: none;\n -ms-user-select: none; \n user-select: none; \n\n}\n\n.makeStyles-drawerItem-77 {\n color: #eaeaea;\n}\n\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 400px) {\n body {\n overflow-x: hidden;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n body {\n overflow-x: hidden;\n }\n}\n\n",".navbar {\n height: 6.5rem;\n position: absolute;\n background-color: transparent;\n z-index: 99;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.navbar--container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0 3rem;\n margin-top: 1rem;\n}\n\n.navbar--container>h1 {\n font-family: 'BestermindRegular';\n color: var(--primary-2);\n font-size: 2.5rem;\n user-select: none;\n}\n\n.navLink--container {\n margin-top: 5rem;\n}\n\n.drawer>.MuiBackdrop-root {\n background: rgba(33, 33, 33, 0.15) !important;\n backdrop-filter: blur(20px) !important;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width:1100px) {\n .navbar--container {\n padding: 0 2rem;\n }\n\n .navbar--container>h1 {\n font-size: 2.2rem;\n }\n\n .nav-menu {\n font-size: 2.2rem;\n margin-top: -1.5rem;\n }\n}\n\n@media (max-width:800px) {\n .navLink--container {\n margin-top: 3rem;\n }\n}\n\n@media (max-width:600px) {\n .nav-menu {\n color: var(--primary);\n }\n\n .navbar--container>h1 {\n font-size: 2rem;\n }\n\n .nav-menu:hover {\n color: var(--primary-2);\n }\n\n .MuiDrawer-paper {\n border-radius: 0 !important;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .navbar {\n height: 5rem;\n }\n\n .navbar--container {\n padding: 0 1rem;\n margin-top: 0rem;\n }\n\n .navbar--container>h1 {\n font-size: 1.5rem;\n }\n}",".landing {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n\n}\n\n.landing--container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width:100%;\n position: relative;\n}\n\n.landing--img {\n opacity: 0;\n --img-size: 400px;\n position: absolute;\n left: 35%;\n transform: translateX(-50%);\n width: var(--img-size);\n height: var(--img-size);\n object-fit: cover;\n border-radius: 50%;\n box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);\n transition: opacity 0.3s;\n}\n\n.landing--img:hover {\n opacity: 1;\n}\n\n.landing--container-left {\n flex: 35%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n}\n\n.landing--social2 {\n display: none;\n}\n\n.lcl--content {\n /* margin: 3rem; */\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n color:#eaeaea;\n}\n\n.landing--social {\n font-size: 2rem;\n margin: 0 .5rem;\n transition: transform 0.5s;\n padding-bottom: .2rem;\n color: #eaeaea;\n}\n\n.landing--social:hover {\n transform: scale(1.2);\n color: #4faeba;\n}\n\n.landing--social2 {\n font-size: 35px;\n margin: 0 .3rem;\n transition: transform 0.5s;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.landing--social2:hover {\n transform: scale(1.2);\n color: #4faeba;\n\n}\n\n.landing--container-right {\n flex: 65%;\n height: 100%;\n background-color: #eaeaea;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: center;\n}\n\n.lcr--content {\n width: 45%;\n margin-right: 7rem;\n font-family: var(--primaryFont);\n font-style: normal;\n}\n\n.lcr--content h6 {\n font-weight: 500;\n font-size: 1.25rem;\n margin-bottom: -0.85rem;\n opacity: 0.8;\n}\n\n.lcr--content h1 {\n font-weight: 600;\n font-size: 3.25rem;\n line-height: 110%;\n margin: 1rem 0;\n}\n\n.lcr--content p {\n margin-top: 1.45rem;\n font-weight: 500;\n font-size: 1.15rem;\n opacity: 0.7;\n}\n\n.lcr-buttonContainer {\n margin-top: 2rem;\n width: 350px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-family: \"var(--primaryFont)\", sans-serif;\n}\n\n.lcl--content2{\n display: none;\n}\n\n\n\n@media (max-width: 1100px) {\n .landing--img {\n --img-size: 300px;\n }\n .lcl--content {\n margin: 2rem;\n }\n\n .lcr--content h6 {\n font-size: 1.1rem;\n }\n\n .lcr--content h1 {\n font-size: 3rem;\n }\n\n .lcr--content p {\n margin-top: 0.3rem;\n margin-bottom: 1rem;\n font-weight: 500;\n font-size: 1rem;\n }\n\n .lcr-buttonContainer {\n margin-top: 1rem;\n flex-direction: column;\n width: 200px;\n height: 120px;\n align-items: flex-start;\n }\n}\n\n@media (max-width: 900px) {\n .landing--img {\n --img-size: 300px;\n }\n\n .landing--social {\n font-size: 30px;\n }\n .lcr--content {\n width: 60%;\n margin-top: 10%;\n margin-right: 6%;\n }\n\n .lcr-buttonContainer {\n margin-top: 1rem;\n flex-direction: column;\n /* width: 200px; */\n height: 120px;\n align-items: flex-start;\n }\n .lcr-buttonContainer button:nth-child(2) {\n display: none;\n }\n}\n\n@media (max-width: 600px) {\n .landing--container {\n flex-direction: column;\n justify-content: space-between;\n }\n .landing--img {\n display: none;\n }\n .landing--container-left {\n flex: initial;\n width: 100%;\n height: 30%;\n }\n .landing--social {\n display: none;\n }\n\n .landing--social2 {\n display: inline-flex;\n }\n\n .lcl--content2{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .landing--container-right {\n box-sizing: border-box;\n padding: 0 2rem;\n flex: initial;\n height: 70%;\n width: 100%;\n background-color: rgb(33, 33, 33);\n align-items: center;\n justify-content: center;\n padding: 0 2rem;\n }\n .lcr--content {\n margin-top: 20%;\n margin-right: initial;\n width: 100%;\n }\n .lcr--content h6 {\n font-size: 1rem;\n text-align: center;\n }\n .lcr--content h1 {\n font-size: 2.5rem;\n text-align: center;\n }\n .lcr--content p {\n font-size: 0.95rem;\n text-align: center;\n margin: 0 auto;\n width: 90%;\n }\n .lcr-buttonContainer {\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .lcr-buttonContainer button {\n margin-top: 10%;\n }\n}\n\n \n@media (max-width: 370px) {\n .lcr--content {\n margin-top: 60%;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .landing {\n height: 100%;\n }\n\n .landing--img {\n --img-size: 150px;\n left: 50%;\n top: 20%;\n }\n}\n\n.MuiButton-label {\n color: #4faeba;\n}\n\n.MuiButton-label:hover{\n color: #4faeba;\n}",".about {\n position: relative;\n top: 1px solid #fff;\n background: linear-gradient(#222 0%, #444 75%, #232526 100%)\n\n}\n\n.about .line-styling{\n position: absolute;\n top: 50px;\n left: 50%;\n transform: translateX(-50%);\n height: 50px;\n width: 85%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.about .line-styling .style-circle{\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.about .line-styling .style-line{\n width: 95%;\n height: 5px;\n border-radius: 10px;\n}\n\n.about-body {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n padding-top: 8rem;\n height: fit-content;\n}\n\n.about-description {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-evenly;\n flex: 0.5;\n width: 100%;\n height: fit-content;\n}\n\n.about-description >h2 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.about-description > p {\n font-size: 1.25rem;\n color: #e0d9d9;\n font-family: var(--primaryFont);\n}\n\n.about-img {\n margin-top: 40px;\n pointer-events: none;\n}\n\n.about-img > img {\n width: 600px;\n flex: 0.5;\n}\n\n@media (min-width: 992px) and (max-width: 1380px) {\n\n .about-description > h2 {\n font-size: 3.3rem;\n margin-bottom: 30px;\n }\n .about-description > p {\n font-size: 1.15rem;\n }\n\n .about-img>img {\n width: 500px;\n } \n}\n\n@media screen and (max-width: 992px){\n\n .about .line-styling{\n top: 20px;\n }\n\n .about-body {\n padding-top: 2rem;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n }\n\n .about-description{\n flex: 0.6;\n box-sizing: border-box;\n /* padding: 5% 10%; */\n padding: 20px;\n\n }\n\n .about-description > h2 {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n\n .about-description > p {\n font-size: 1.1rem;\n }\n\n .about-img > img {\n width: 250px;\n flex: 0.4;\n }\n\n}\n\n@media screen and (max-width: 800px){\n .about .line-styling .style-circle{\n width: 8px;\n height: 8px;\n border-radius: 50%;\n }\n .about-description > h2{\n align-self: center;\n }\n\n}\n\n@media screen and (max-width: 600px){\n\n .about .line-styling .style-circle{\n width: 5px;\n height: 5px;\n border-radius: 50%;\n }\n .about .line-styling .style-line{\n /* width: 93%; */\n height: 3px;\n border-radius: 10px;\n }\n\n .about-description > h2 {\n font-size: 2.5rem;\n }\n\n .about-description > p{\n font-size: 0.95rem;\n }\n\n .about-img > img {\n /* width: 200px; */\n }\n}\n",".skills {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 60vh;\n padding: 2.5rem 2rem 2rem 2rem;\n background: rgb(50, 50, 50);\n color: #eaeaea;\n}\n\n.skillsHeader {\n display: flex;\n align-items: center;\n justify-content: center;\n \n}\n\n.skillsHeader h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: bold;\n font-size: 3rem;\n text-align: center;\n}\n\n.skillsContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 3.5rem;\n padding: 0 2rem;\n}\n\n.skill--scroll {\n width: 100%;\n margin: 0 2rem;\n}\n\n\n.skill--box {\n background: #FAFAFA;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.12);\n border-radius: 10px;\n width: 160px;\n height: 160px;\n margin: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2rem 1rem;\n transition: 300ms ease-in-out;\n}\n\n.skill--box:hover {\n transform: scale(1.15);\n}\n\n.skill--box>img {\n height: 50px;\n pointer-events: none;\n}\n\n.skill--box h3 {\n font-family: Big Shoulders Text;\n font-style: normal;\n font-weight: 500;\n font-size: 22px;\n text-align: center;\n margin-top: 1rem;\n}\n\n.marquee {\n padding: 3rem 0;\n}\n\n.overlay{\n --gradient-color: rgb(0, 0, 0), rgba(255, 255, 255, 0)!important;\n --gradient-width: 200px;\n border-radius: 10px;\n}\n\n.overlay::after, .overlay::before{\n border-radius: 10%;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (min-width: 992px) and (max-width: 1380px) {\n .skills {\n padding: 2rem 1rem 1rem 1rem;\n }\n\n .skillsContainer {\n padding: 1.5rem;\n margin-top: 1.5rem;\n }\n}\n\n@media screen and (max-width: 992px) {\n .skills {\n padding: 1rem;\n min-height: 100%;\n }\n\n .skillsContainer {\n padding: 1rem;\n margin: 1rem 0;\n }\n\n .skillsHeader h2 {\n font-size: 3.2rem;\n }\n\n .skill--box {\n width: 150px;\n height: 150px;\n margin: 1.2rem;\n padding: 2rem 1rem;\n }\n\n .skill--box>img {\n height: 45px;\n }\n\n\n .skill--box h3 {\n font-size: 20px;\n margin-top: 1rem;\n }\n\n}\n\n@media screen and (max-width: 800px) {\n .skills {\n padding: 0.5rem;\n }\n\n .skillsContainer {\n padding: 0.5rem;\n }\n\n .skillsHeader h2 {\n font-size: 3rem;\n }\n\n .skill--scroll {\n width: 100%;\n margin: 0;\n }\n}\n\n@media screen and (max-width: 600px) {\n .skill--box {\n width: 135px;\n height: 135px;\n margin: 1.2rem;\n padding: 2rem 1rem;\n }\n\n .skill--box>img {\n height: 40px;\n }\n\n .skillsHeader h2 {\n font-size: 2.5rem;\n }\n\n .skill--box h3 {\n font-size: 18px;\n margin-top: 1rem;\n }\n}\n\n ",".testimonials {\n font-family: var(--primaryFont);\n height: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: linear-gradient(#222 0%, #777 50%, #eaeaea 100%);\n color:purple;\n color: var(--primary);\n border-radius: 10px;\n}\n\n.slick-slider {\n height: 100% !important;\n width: 100%;\n}\n\n.slick-initialized {\n overflow: hidden;\n}\n\n.slick-list {\n position: relative;\n display: block;\n overflow: hidden;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\n.slick-dots {\n position: relative !important;\n bottom: 1rem !important;\n \n}\n#root > div > div:nth-child(1) > div.testimonials > div.testimonials--body > div > div > ul > li > button{\n background: #eaeaea;\n width: .5rem;\n height: .5rem;\n}\n\n \n.testimonials--header h1 {\n background: none;\n font-style: normal;\n font-weight: bold;\n font-size: 3.5rem;\n text-align: center;\n}\n\n.testimonials--body {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 95%;\n margin-top: 1rem;\n position: relative;\n\n}\n\n.testimonials--body .quote {\n font-size: 4rem;\n position: absolute;\n z-index: 10;\n transform: translateY(50%);\n opacity: 0.5;\n}\n\n.testimonials--body button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n border-radius: 50%;\n appearance: none;\n outline: none;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.6rem;\n}\n\n.testimonials--body .prevBtn {\n left: 5%;\n cursor: pointer;\n}\n\n.testimonials--body .nextBtn {\n right: 5%;\n cursor: pointer;\n}\n\n.testimonials--slider {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 70%;\n border-radius: 20px;\n}\n\n.single--testimony {\n padding: 2rem;\n width: 100%;\n /* height: 500px; */\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.testimonials--container {\n width: 100%;\n height: 20rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.review--img {\n margin: 0 auto;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n z-index: 3;\n transform: translateY(50%);\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n\n}\n\n.review--img img {\n width: 90px;\n}\n\n.review--content {\n margin: 0 auto;\n width: 90%;\n height: fit-content;\n border-radius: 200px;\n box-sizing: border-box;\n padding: 30px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 20px;\n justify-content: center;\n}\n\n.review--content p {\n font-style: italic;\n font-weight: 300;\n width: 80%;\n}\n\n.review--content h1 {\n font-size: 1.5rem;\n font-weight: 600;\n margin-top: 10px;\n}\n\n.review--content h4 {\n font-size: 1rem;\n font-weight: 500;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width: 992px) {\n .testimonials {\n height: 100%;\n padding-bottom: 2rem;\n }\n\n .testimonials--header h1 {\n font-size: 3rem;\n margin-top: 1.75rem;\n }\n\n .testimonials--body .quote {\n font-size: 3.5rem;\n }\n\n .review--content {\n border-radius: 50px;\n }\n}\n\n@media (max-width: 768px) {\n .testimonials--header h1 {\n font-size: 2.5rem;\n }\n\n .testimonials--body {\n width: 100%;\n }\n\n .testimonials--body button {\n display: none;\n }\n\n .testimonials--slider {\n width: 90%;\n }\n\n .review--content {\n border-radius: 50px;\n }\n}\n\n@media (max-width: 576px) {\n .review--img {\n margin: initial;\n align-self: flex-start;\n }\n\n .review--content {\n border-radius: 20px;\n min-height: 300px;\n }\n\n .review--content p {\n font-size: 0.9rem;\n width: 90%;\n }\n\n .review--content h1 {\n font-size: 1.3rem;\n }\n\n .review--content h4 {\n font-size: 0.9rem;\n }\n}\n\n@media (max-width: 360px) {\n .testimonials--header h1 {\n font-size: 2.2rem;\n }\n\n .testimonials--body .quote {\n font-size: 3rem;\n }\n\n .testimonials--slider {\n width: 100%;\n }\n\n .review--img {\n width: 80px;\n height: 80px;\n }\n\n .review--img img {\n width: 70px;\n }\n\n .review--content {\n /* min-height: 350px; */\n }\n}\n.filler{\n height: 1rem;\n /* color: var(--secondary50) */\n}\n.formBtn{\n position: relative;\n margin:2rem auto;\n height: 4rem;\n width:18rem;\n display: flex;\n\talign-items: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n}\n",".submitBtn\n{\n background: #232526;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #eaeaea;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #eaeaea 100%)\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 48px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n line-height: 6rem;\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 30px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n}\n\n\nul\n{\n\n text-align: justify;\n}\n\nul:after\n{\n content: '';\n display: inline-block;\n width: 100%;\n}\n\nul:before\n{\n content: '';\n display: block;\n}\n\nli\n{\n color: #fff;\n display: inline-block;\n font: 1em/1.5 sans-serif;\n /* position: relative; */\n\n}\n\n.socialmedia-icons\n{\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin: 1rem;\n color: #eaeaea;\n}\n\n\n\n.contacts\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n position: relative;\n background: linear-gradient( #eaeaea 0%, #222 100%);\n\n}\n\n\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n width: 280px;\n pointer-events: none;\n}\n\n.contacts-body\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 100%;\n}\n\n\n\na:-webkit-any-link\n{\n color: #eaeaea;\n cursor: pointer;\n text-decoration: none;\n transition: all 0s;\n text-shadow: none;\n}\n\na:-webkit-any-link:hover\n{\n text-shadow:#fff 2px solid;\n color: #4faeba;\n \n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #232526; */\n width: 45px;\n height: 45px;\n display: flex;\n font-size: 21px;\n transition: 250ms ease-in-out;\n align-items: center;\n border-radius: 50%;\n justify-content: center;\n background-color: none;\n}\n\n.contacts-details\n{\n display: flex; \n align-items: flex-start;\n justify-content: space-evenly;\n flex: none;\n box-sizing: border-box;\n margin-top: 1.2rem;\n\n}\n\n.personal-details p\n{\n margin-left: 1.5rem;\n font-size: 18px;\n line-height: 110%;\n font-weight: 500;\n font-family: var(--primaryFont);\n white-space: nowrap;\n overflow: visible;\n display: flex;\n justify-content: space-between;\n}\n\n.personal-details\n{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #eaeaea;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n}\n\n.personal-details:hover\n{\n text-decoration: wavy;\n background-color: #232526;\n color: #eaeaea;\n font-weight: 800;\n}\n\n\n\n\n@media (min-width: 992px)\n{\n socialIcon\n {\n width: '55px';\n height: '55px';\n border-radius: '50%'; \n font-size: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n padding: '5px';\n background-color: 'none';\n transition: '250ms ease-in-out';\n }\n\n socialIcon:hover\n {\n color: '#000';\n background-color: red,\n }\n}\n\ndetailsIcon\n{\n background-color: '#667';\n color: '#232526';\n border-radius: '50%'; \n margin-bottom: 0.3rem;\n width: '45px';\n height: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n font-size: '23px';\n transition: '250ms ease-in-out';\n flex-shrink: 0;\n}\n\ndetailsIcon:hover\n{\n transform: 'scale(1.1)';\n color: '#eaeaea';\n background-color: '#232526';\n}\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n /* width: 240px; */\n}\n\n.makeStyles-detailsIcon-35\n{\n height: 0.5rem;\n}\n\n\nul,\n.socialMedia-icons\n{\n flex-direction: row;\n}\n\n\n\n@media screen and (max-width: 992px)\n{\n .contacts--img\n {\n display: none;\n }\n\n \n\n\n .personal-details p\n {\n margin-left: 1rem;\n\n flex-direction: row;\n }\n}\n\n@media screen and (max-width: 800px)\n{\n \n .personal-details\n {\n display: flex;\n flex-direction: row;\n font-size: 0.5rem;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #232526;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n }\n\n \n\n .contacts-icons\n {\n font-size: .5rem;\n }\n\n \n\n .socialMedia-icons\n {\n flex-direction: row;\n }\n\n .contacts-form\n {\n display: flex;\n flex: 1;\n\n }\n\n .form-input\n {\n margin-bottom: 0.45rem;\n }\n\n .contacts-form form\n {\n align-items: flex-end;\n }\n\n .contacts-details\n {\n padding-left: 0rem;\n padding: 1rem;\n align-items: center;\n margin-top: 2rem;\n /* flex-direction: column; */\n }\n .personal-details\n {\n margin-bottom: 1.8rem;\n }\n\n .personal-details p\n {\n margin-left: 1.2rem;\n width: 95%;\n }\n}\n\n@media screen and (max-width: 600px)\n{\n .contacts-form\n {\n display: flex;\n flex: 1;\n }\n}\n\n\n.localIcon\n{\n font-size: 2rem;\n}\n \n.contactHeader2{\n padding: 3rem 0 1rem 0;\n}\n \n.css-pjjdvz {\n margin-left: 8px;\n margin-right: 8px;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-align-items: inherit;\n -webkit-box-align: inherit;\n -ms-flex-align: inherit;\n align-items: center;\n\n}",".projects {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n /* min-height: 100vh; */\n overflow-x: hidden;\n padding: 2rem;\n}\n\n.projects--header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem;\n}\n\n.projects--header h1 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.projects--body {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n}\n\n.projects--bodyContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4.5rem;\n width: 100%;\n}\n\n.projects--viewAll {\n width: 100%;\n padding: 2rem;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-top: 2rem;\n}\n\n\n\n.project--lang,\n.project--desc {\n z-index: 1;\n}\n\n.project--desc:hover,\n.project--lang:hover {\n z-index: 1000;\n}\n\n.break{\n opacity:0;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (min-width: 992px) {\n .projects--bodyContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n}\n@media screen and (max-width: 992px) {\n .projects--bodyContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n /* width: 100%; */\n }\n}\n\n@media screen and (max-width: 800px) {\n .projects--header h1 {\n font-size: 2.8rem;\n margin-bottom: 30px;\n }\n div.projectContent > img{\n width: 100%;\n height: 60%;\n transition: opacity 0.7s 0.3s;\n }\n}\n ",".singleProject {\n box-shadow: 4px 4px 8px rgba(36, 3, 3, 0.2);\n width: 304px;\n height: 360px;\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1.4rem 2rem;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n}\n\n.projectContent {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 100%;\n margin: 2em;\n}\n\n.projectContent>h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: 600;\n font-size: 1rem;\n line-height: 110%;\n text-align: center;\n}\n\n.projectContent>img {\n width: 80%;\n height: 60%;\n transition: opacity 0.7s 0.3s;\n}\n\n.singleProject:hover img {\n opacity: 20;\n}\n\n.project--showcaseBtn {\n display: flex;\n align-items: center;\n justify-content: left;\n width: 100%;\n}\n\n.project--showcaseBtn>a {\n cursor: pointer;\n text-decoration: none;\n /* transition: transform 0.5s 0.3s; */\n}\n\n/* .singleProject:hover .project--showcaseBtn a:nth-child(2) {\n transform: translateX(-140px) scale(1.1) !important;\n} */\n\n\n.singleProject .project--desc {\n position: absolute;\n width: 400px;\n height: 100%;\n left: 0;\n top: 0;\n font-size: 1rem;\n color:#fff !important;\n border: 2px solid #fff;\n transform: translate(-110%, 40%);\n padding: 15px;\n border-radius: 5px 30px 5px 30px;\n transition: transform 0.9s;\n line-height: 110%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--primaryFont);\n overflow:auto;\n z-index: 1000;\n}\n\n.singleProject:hover .project--desc {\n transform: translate(4px, 0);\n z-index: 1000;\n border-radius: 30px 10px 30px 10px;\n\n}\n\n.project--desc {\n height: 147.30px;\n font-size:.5rem;\n}\n\n.project--lang>span {\n font-family: var(--primaryFont);\n font-weight: 500;\n word-break: break-word;\n line-height: 100%;\n}\n\n\n\n.cardTitle{\n font-size: 1rem;\n margin-top: -20px;\n}\n\n.botCardBtn{\n background: #222;\n color: white;\n margin: .1rem;\n}\n\n.ProjDesc{\n padding: .5rem .5rem 1.5rem .5rem;\n}",".services {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 3.7rem;\n}\n\n.services-header {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.services-header>h1 {\n margin-bottom: 20px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.services-body {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n margin-bottom: 2rem;\n}\n\n.services-body>p {\n font-family: var(--primaryFont);\n font-weight: 400;\n font-size: 0.75rem;\n width: 60%;\n text-align: center;\n margin-bottom: 6rem;\n}\n\n.services-bodycontainer {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4.5rem;\n width: 100%;\n flex-wrap: wrap;\n}\n\n.services-bodycontainer2 {\n display: flex;\n align-items: right;\n justify-content: right;\n gap: 4.5rem;\n width: 100%;\n flex-wrap: wrap;\n padding-top: 1rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (min-width: 992px) and (max-width: 1380px) {\n .services {\n padding: 2.7rem;\n }\n\n .services-body>p {\n width: 70%;\n }\n}\n\n@media screen and (max-width: 992px) {\n .services {\n padding: 1.7rem;\n }\n\n .services-body>p {\n font-size: 1.25rem;\n width: 85%;\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .services-bodycontainer, .services-bodycontainer2 {\n gap: 2.5rem;\n }\n}\n\n@media screen and (max-width: 800px) {\n .services {\n padding: 1rem;\n }\n\n .services-header h1 {\n font-size: 3rem;\n margin-bottom: 30px;\n }\n\n .services-body>p {\n font-size: 1.05rem;\n width: 95%;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .services-bodycontainer, .services-bodycontainer2 {\n gap: 2rem;\n }\n}\n\n@media screen and (max-width: 600px) {\n .services {\n padding: 0.5rem;\n }\n\n .services-header h1 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n }\n/* \n .services-body p {\n width: 80%;\n } */\n\n /* .services-bodycontainer {\n gap: 1rem;\n } */\n}",".single-service {\n box-shadow: 4px 4px 8px rgba(36, 3, 3, 0.2);\n width: 180px;\n height: 180px;\n border-radius: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1.4rem 1.4rem;\n transition: transform 300ms ease-in-out;\n}\n\n.single-service:hover {\n transform: scale(1.15);\n}\n\n.service-content {\n position: relative;\n height: 150px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n\n.service-icon {\n position: absolute;\n top: 15%;\n}\n\n.service-icon>svg {\n font-size: 2.8rem;\n}\n\n.single-service:hover svg {\n animation: magic 0.7s ease-in-out both;\n}\n\n@keyframes magic {\n 0%,\n 100% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(0, -20px);\n }\n\n 50% {\n transform: translate(0, 0px);\n }\n\n 75% {\n transform: translate(0, -10px);\n }\n}\n\n.service-content>h4 {\n position: absolute;\n top: 65%;\n height: 60px;\n width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: 600;\n font-size: .75rem;\n text-align: center;\n line-height: 90%;\n color: #000000;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 800px) {\n .single-service {\n width: 160px;\n height: 160px;\n padding: 1.2rem 1.2rem;\n }\n\n .service-icon>svg {\n font-size: 2.5rem;\n }\n\n .service-content>h4 {\n font-size: 15px;\n }\n}\n\n@media screen and (max-width: 600px) {\n .single-service {\n width: 150px;\n height: 150px;\n padding: 1.2rem 1.2rem;\n }\n\n .service-icon>svg {\n font-size: 2.2rem;\n }\n\n .service-content>h4 {\n font-size: 13px;\n top: 50%;\n }\n}",".backToTop {\n position: fixed;\n right: 10px;\n bottom: 60px;\n height: 30px;\n font-size: 3rem;\n z-index: 999;\n}\n\n.backToTop button {\n outline: none;\n border: none;\n cursor: pointer;\n background: none;\n padding: 20px;\n}\n\n@media screen and (max-width: 800px) {\n .backToTop {\n right: -10px;\n bottom: 50px;\n font-size: 2.75rem;\n }\n}",".footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #eaeaea;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #eaeaea;\n}\n\n.footer p span {\n font-size: 24px;\n color: #eaeaea;\n}\n\n.contact-icons{\n color: #eaeaea;\n}\n\n.detailsIcon, .socialIcon {\n background: none;\n font-size: 35px;\n margin: 0 1rem;\n color:#eaeaea;\n transition: transform 0.5s;\n}\n\n.detailsIcon:hover, .socialIcon:hover {\n transform: scale(1.2);\n color: #C0C1C6;\n background: none;\n}",".projectPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n}\n\n.projectPage-header {\n height: 35vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.projectPage-header>h1 {\n font-size: 4rem;\n font-family: var(--primaryFont);\n}\n\n.projectPage-container {\n padding: 3rem 2rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n}\n\n.projectPage-search {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.project-container {\n margin-top: 5rem;\n width: 100%;\n}\n\n.project-grid {\n display: flex;\n gap: 4rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 992px) {\n .projectPage-header {\n height: 25vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .project-grid {\n gap: 3rem;\n }\n}\n\n@media screen and (max-width: 702px) {\n .project-grid {\n gap: 1.5rem;\n }\n}\n\n@media screen and (max-width: 550px) {\n .projectPage-header h1 {\n font-size: 3rem;\n }\n}\n\n@media screen and (max-width: 400px) {\n .projectPage-header {\n height: 20vh;\n }\n\n .projectPage-header h1 {\n font-size: 2.5rem;\n }\n}","/* .formComp{\n box-sizing: border-box;\n padding: 0 0rem;\n flex: initial;\n height: 70%;\n width: 100%;\n background: var(--primary);\n align-items: center;\n justify-content: center;\n padding: 0 2rem;\n color: white;\n margin-bottom:40%;\n}\n.form-container{\n display: flex;\n flex-direction: column;\n padding: 0 20%;\n justify-content: center;\n height: 100%;\n width:100%;\n position: relative;\n}\n\n.formHeader{\n display: flex;\n \n text-align: left;\n color:#eaeaea\n}\n.formButton{\n width: 50%;\n margin: auto;\n padding: 0 5rem;\n}\n\n.formDiv{\n width: 100%;\n margin: auto;\n}\n\n.inputForm{\n background: #eaeaea;\n color: black;\n}\n\n.App {\n font-family: sans-serif;\n text-align: center;\n}\n.formElement {\n width: 30%;\n display: inline-flex;\n background: #eaeaea;\n}\n\n.imgForm{\n display: flex;\n justify-content: center;\n width: 10%;\n margin: 1rem;\n}\n\n.MuiInputBase-input {\n margin: 3rem 3rem;\n}\n.divFormBtn{\n position: relative;\n align-items: center;\n}\n\n#formButtonComponent {\n display: flex;\n justify-content: center;\n top: 50%;\n left: 50%;\n}\n\nItem{\n background: orange;\n}\n */\n\n\n .formPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n}\n\n.formPage-header {\n height: 35vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.formPage-header>h1 {\n font-size: 4rem;\n font-family: var(--primaryFont);\n}\n\n.formPage-container {\n padding: 3rem 2rem;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n}\n\n.formPage-search {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.form-container {\n margin-top: 5rem;\n width: 100%;\n background-color: none;\n}\n\n.form-grid {\n display: flex;\n gap: 4rem;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 992px) {\n .formPage-header {\n height: 25vh;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .form-grid {\n gap: 3rem;\n }\n}\n\n@media screen and (max-width: 702px) {\n .form-grid {\n gap: 1.5rem;\n }\n}\n\n@media screen and (max-width: 550px) {\n .formPage-header h1 {\n font-size: 3rem;\n }\n}\n\n@media screen and (max-width: 400px) {\n .formPage-header {\n height: 20vh;\n }\n\n .formPage-header h1 {\n font-size: 2.5rem;\n }\n}\n\n.projectPage-search{\n background: none !important;\n}\n\n",":root\n{\n --primaryFont: 'Poppins', sans-serif;\n\n --primary: #232526;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #232526;\n}"]} \ No newline at end of file diff --git a/build/static/js/2.76930077.chunk.js b/build/static/js/2.76930077.chunk.js deleted file mode 100644 index 2c4d517..0000000 --- a/build/static/js/2.76930077.chunk.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see 2.76930077.chunk.js.LICENSE.txt */ -(this.webpackJsonpjonsportfolio=this.webpackJsonpjonsportfolio||[]).push([[2],[function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(2),o=n.n(r),i={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},a=o.a.createContext&&o.a.createContext(i),c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n2&&void 0!==arguments[2])||arguments[2];if(!t||"string"!==typeof t)return null;if(e&&e.vars&&n){var r="vars.".concat(t).split(".").reduce((function(e,t){return e&&e[t]?e[t]:null}),e);if(null!=r)return r}return t.split(".").reduce((function(e,t){return e&&null!=e[t]?e[t]:null}),e)}function c(e,t,n){var r,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n;return r="function"===typeof e?e(n):Array.isArray(e)?e[n]||o:a(e,n)||o,t&&(r=t(r,o)),r}t.a=function(e){var t=e.prop,n=e.cssProperty,u=void 0===n?e.prop:n,l=e.themeKey,s=e.transform,f=function(e){if(null==e[t])return null;var n=e[t],f=a(e.theme,l)||{};return Object(i.b)(e,n,(function(e){var n=c(f,s,e);return e===n&&"string"===typeof e&&(n=c(f,s,"".concat(t).concat("default"===e?"":Object(o.a)(e)),e)),!1===u?n:Object(r.a)({},u,n)}))};return f.propTypes={},f.filterProps=[t],f}},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"a",(function(){return r}))},function(e,t,n){e.exports=n(147)()},function(e,t,n){"use strict";function r(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},,function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(113);var o=n(56),i=n(114);function a(e,t){return Object(r.a)(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(u){c=!0,o=u}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}}(e,t)||Object(o.a)(e,t)||Object(i.a)()}},function(e,t,n){"use strict";n.d(t,"e",(function(){return o})),n.d(t,"f",(function(){return i})),n.d(t,"h",(function(){return a})),n.d(t,"g",(function(){return c})),n.d(t,"i",(function(){return u})),n.d(t,"k",(function(){return l})),n.d(t,"m",(function(){return s})),n.d(t,"a",(function(){return f})),n.d(t,"b",(function(){return d})),n.d(t,"c",(function(){return p})),n.d(t,"d",(function(){return h})),n.d(t,"j",(function(){return v})),n.d(t,"l",(function(){return m}));var r=n(0);function o(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.999c0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.999 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285zM278 63.131l172.286 114.858-76.857 51.429L278 165.703V63.131zm-44 0v102.572l-95.429 63.715-76.857-51.429L234 63.131zM44 219.132l55.143 36.857L44 292.846v-73.714zm190 229.715L61.714 333.989l76.857-51.429L234 346.275v102.572zm22-140.858l-77.715-52 77.715-52 77.715 52-77.715 52zm22 140.858V346.275l95.429-63.715 76.857 51.429L278 448.847zm190-156.001l-55.143-36.857L468 219.132v73.714z"}}]})(e)}function i(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 496 512"},child:[{tag:"path",attr:{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}}]})(e)}function a(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"}}]})(e)}function c(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}}]})(e)}function u(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z"}}]})(e)}function l(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"}}]})(e)}function s(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}}]})(e)}function f(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"}}]})(e)}function d(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"}}]})(e)}function p(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"}}]})(e)}function h(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 640 512"},child:[{tag:"path",attr:{d:"M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"}}]})(e)}function v(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M400 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM224 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm176-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h328c6.6 0 12 5.4 12 12v312z"}}]})(e)}function m(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"}}]})(e)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(71);var o=n(118),i=n(56);function a(e){return function(e){if(Array.isArray(e))return Object(r.a)(e)}(e)||Object(o.a)(e)||Object(i.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(5);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},n=null==(e=t.keys)?void 0:e.reduce((function(e,n){return e[t.up(n)]={},e}),{});return n||{}}function c(e,t){return e.reduce((function(e,t){var n=e[t];return(!n||0===Object.keys(n).length)&&delete e[t],e}),t)}function u(e){var t,n=e.values,r=e.breakpoints,o=e.base||function(e,t){if("object"!==typeof e)return{};var n={},r=Object.keys(t);return Array.isArray(e)?r.forEach((function(t,r){r1&&void 0!==arguments[1]?arguments[1]:{};return function(n){var i=t.defaultTheme,c=t.withTheme,d=void 0!==c&&c,p=t.name,h=Object(o.a)(t,["defaultTheme","withTheme","name"]);var v=p,m=Object(l.a)(e,Object(r.a)({defaultTheme:i,Component:n,name:p||n.displayName,classNamePrefix:v},h)),b=a.a.forwardRef((function(e,t){e.classes;var c,u=e.innerRef,l=Object(o.a)(e,["classes","innerRef"]),h=m(Object(r.a)({},n.defaultProps,e)),v=l;return("string"===typeof p||d)&&(c=Object(f.a)()||i,p&&(v=Object(s.a)({theme:c,name:p,props:l})),d&&!v.theme&&(v.theme=c)),a.a.createElement(n,Object(r.a)({ref:u||t,classes:h},v))}));return u()(b,n),b}},p=n(58);t.a=function(e,t){return d(e,Object(r.a)({defaultTheme:p.a},t))}},function(e,t,n){"use strict";n.d(t,"b",(function(){return h})),n.d(t,"a",(function(){return v})),n.d(t,"d",(function(){return m}));var r=n(11),o=n(24),i=n(4),a=n(38);var c={m:"margin",p:"padding"},u={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},l={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},s=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){if(e.length>2){if(!l[e])return[e];e=l[e]}var t=e.split(""),n=Object(r.a)(t,2),o=n[0],i=n[1],a=c[o],s=u[i]||"";return Array.isArray(s)?s.map((function(e){return a+e})):[a+s]})),f=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],d=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],p=[].concat(f,d);function h(e,t,n,r){var o,a=null!=(o=Object(i.b)(e,t,!1))?o:n;return"number"===typeof a?function(e){return"string"===typeof e?e:a*e}:Array.isArray(a)?function(e){return"string"===typeof e?e:a[e]}:"function"===typeof a?a:function(){}}function v(e){return h(e,"spacing",8)}function m(e,t){if("string"===typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"===typeof n?-n:"-".concat(n)}function b(e,t,n,r){if(-1===t.indexOf(n))return null;var i=function(e,t){return function(n){return e.reduce((function(e,r){return e[r]=m(t,n),e}),{})}}(s(n),r),a=e[n];return Object(o.b)(e,a,i)}function y(e,t){var n=v(e.theme);return Object.keys(e).map((function(r){return b(e,t,r,n)})).reduce(a.a,{})}function g(e){return y(e,f)}function w(e){return y(e,d)}function O(e){return y(e,p)}g.propTypes={},g.filterProps=f,w.propTypes={},w.filterProps=d,O.propTypes={},O.filterProps=p;t.c=O},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(134);function o(e){if("string"!==typeof e)throw new Error(Object(r.a)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return o}));function r(e,t,n){var r="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):r+=n+" "})),r}var o=function(e,t,n){var r=e.key+"-"+t.name;!1===n&&void 0===e.registered[r]&&(e.registered[r]=t.styles)},i=function(e,t,n){o(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+r:"",i,e.sheet,!0);i=i.next}while(void 0!==i)}}},function(e,t,n){"use strict";n.d(t,"a",(function(){return S})),n.d(t,"b",(function(){return P})),n.d(t,"d",(function(){return _})),n.d(t,"c",(function(){return v})),n.d(t,"f",(function(){return m})),n.d(t,"e",(function(){return h}));var r=n(3);function o(e){return"/"===e.charAt(0)}function i(e,t){for(var n=t,r=n+1,o=e.length;r=0;d--){var p=a[d];"."===p?i(a,d):".."===p?(i(a,d),f++):f&&(i(a,d),f--)}if(!l)for(;f--;f)a.unshift("..");!l||""===a[0]||a[0]&&o(a[0])||a.unshift("");var h=a.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};function c(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var u=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"===typeof t||"object"===typeof n){var r=c(t),o=c(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},l=n(31);function s(e){return"/"===e.charAt(0)?e:"/"+e}function f(e){return"/"===e.charAt(0)?e.substr(1):e}function d(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function h(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function v(e,t,n,o){var i;"string"===typeof e?(i=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),i.state=t):(void 0===(i=Object(r.a)({},e)).pathname&&(i.pathname=""),i.search?"?"!==i.search.charAt(0)&&(i.search="?"+i.search):i.search="",i.hash?"#"!==i.hash.charAt(0)&&(i.hash="#"+i.hash):i.hash="",void 0!==t&&void 0===i.state&&(i.state=t));try{i.pathname=decodeURI(i.pathname)}catch(c){throw c instanceof URIError?new URIError('Pathname "'+i.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):c}return n&&(i.key=n),o?i.pathname?"/"!==i.pathname.charAt(0)&&(i.pathname=a(i.pathname,o.pathname)):i.pathname=o.pathname:i.pathname||(i.pathname="/"),i}function m(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&u(e.state,t.state)}function b(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"===typeof e?e(t,n):e;"string"===typeof i?"function"===typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,o):n.push(o),f({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=v(e,t,d(),w.location);s.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,f({action:r,location:o}))}))},go:g,goBack:function(){g(-1)},goForward:function(){g(1)},canGo:function(e){var t=w.index+e;return t>=0&&t1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function i(e){if(e.type)return e;if("#"===e.charAt(0))return i(function(e){e=e.substr(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map((function(e){return e+e}))),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map((function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3})).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla"].indexOf(n))throw new Error(Object(r.a)(3,e));var o=e.substring(t+1,e.length-1).split(",");return{type:n,values:o=o.map((function(e){return parseFloat(e)}))}}function a(e){var t=e.type,n=e.values;return-1!==t.indexOf("rgb")?n=n.map((function(e,t){return t<3?parseInt(e,10):e})):-1!==t.indexOf("hsl")&&(n[1]="".concat(n[1],"%"),n[2]="".concat(n[2],"%")),"".concat(t,"(").concat(n.join(", "),")")}function c(e,t){var n=u(e),r=u(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function u(e){var t="hsl"===(e=i(e)).type?i(function(e){var t=(e=i(e)).values,n=t[0],r=t[1]/100,o=t[2]/100,c=r*Math.min(o,1-o),u=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return o-c*Math.max(Math.min(t-3,9-t,1),-1)},l="rgb",s=[Math.round(255*u(0)),Math.round(255*u(8)),Math.round(255*u(4))];return"hsla"===e.type&&(l+="a",s.push(t[3])),a({type:l,values:s})}(e)).values:e.values;return t=t.map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)})),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function l(e,t){return e=i(e),t=o(t),"rgb"!==e.type&&"hsl"!==e.type||(e.type+="a"),e.values[3]=t,a(e)}function s(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return a(e)}function f(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;return a(e)}},function(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"b",(function(){return i}));var r=n(9),o={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},i={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function a(e){return"".concat(Math.round(e),"ms")}t.a={easing:o,duration:i,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.duration,c=void 0===n?i.standard:n,u=t.easing,l=void 0===u?o.easeInOut:u,s=t.delay,f=void 0===s?0:s;Object(r.a)(t,["duration","easing","delay"]);return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"===typeof c?c:a(c)," ").concat(l," ").concat("string"===typeof f?f:a(f))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}}},,function(e,t,n){"use strict";(function(e){n.d(t,"a",(function(){return fe}));var r=n(6),o=n.n(r),i=n(115),a=n.n(i),c=n(116),u=n.n(c),l=n(2),s=n.n(l),f=n(66),d=n.n(f),p="bodyAttributes",h="htmlAttributes",v="titleAttributes",m={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title"},b=(Object.keys(m).map((function(e){return m[e]})),"charset"),y="cssText",g="href",w="http-equiv",O="innerHTML",x="itemprop",S="name",k="property",j="rel",E="src",C="target",T={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},P="defaultTitle",R="defer",_="encodeSpecialCharacters",M="onChangeClientState",L="titleTemplate",A=Object.keys(T).reduce((function(e,t){return e[T[t]]=t,e}),{}),z=[m.NOSCRIPT,m.SCRIPT,m.STYLE],N="data-react-helmet",I="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},F=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},H=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t},V=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},U=function(e){var t=G(e,m.TITLE),n=G(e,L);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=G(e,P);return t||r||void 0},$=function(e){return G(e,M)||function(){}},q=function(e,t){return t.filter((function(t){return"undefined"!==typeof t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return W({},e,t)}),{})},K=function(e,t){return t.filter((function(e){return"undefined"!==typeof e[m.BASE]})).map((function(e){return e[m.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},X=function(){var e=Date.now();return function(t){var n=Date.now();n-e>16?(e=n,t(n)):setTimeout((function(){X(t)}),0)}}(),Q=function(e){return clearTimeout(e)},J="undefined"!==typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||X:e.requestAnimationFrame||X,Z="undefined"!==typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||Q:e.cancelAnimationFrame||Q,ee=function(e){return console&&"function"===typeof console.warn&&console.warn(e)},te=null,ne=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,c=e.noscriptTags,u=e.onChangeClientState,l=e.scriptTags,s=e.styleTags,f=e.title,d=e.titleAttributes;ie(m.BODY,r),ie(m.HTML,o),oe(f,d);var p={baseTag:ae(m.BASE,n),linkTags:ae(m.LINK,i),metaTags:ae(m.META,a),noscriptTags:ae(m.NOSCRIPT,c),scriptTags:ae(m.SCRIPT,l),styleTags:ae(m.STYLE,s)},h={},v={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(h[e]=n),r.length&&(v[e]=p[e].oldTags)})),t&&t(),u(e,h,v)},re=function(e){return Array.isArray(e)?e.join(""):e},oe=function(e,t){"undefined"!==typeof e&&document.title!==e&&(document.title=re(e)),ie(m.TITLE,t)},ie=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute(N),o=r?r.split(","):[],i=[].concat(o),a=Object.keys(t),c=0;c=0;f--)n.removeAttribute(i[f]);o.length===i.length?n.removeAttribute(N):n.getAttribute(N)!==a.join(",")&&n.setAttribute(N,a.join(","))}},ae=function(e,t){var n=document.head||document.querySelector(m.HEAD),r=n.querySelectorAll(e+"["+"data-react-helmet]"),o=Array.prototype.slice.call(r),i=[],a=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===O)n.innerHTML=t.innerHTML;else if(r===y)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var c="undefined"===typeof t[r]?"":t[r];n.setAttribute(r,c)}n.setAttribute(N,"true"),o.some((function(e,t){return a=t,n.isEqualNode(e)}))?o.splice(a,1):i.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:i}},ce=function(e){return Object.keys(e).reduce((function(t,n){var r="undefined"!==typeof e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},ue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[T[n]||n]=e[n],t}),t)},le=function(e,t,n){switch(e){case m.TITLE:return{toComponent:function(){return function(e,t,n){var r,o=((r={key:t})[N]=!0,r),i=ue(n,o);return[s.a.createElement(m.TITLE,i,t)]}(0,t.title,t.titleAttributes)},toString:function(){return function(e,t,n,r){var o=ce(n),i=re(t);return o?"<"+e+' data-react-helmet="true" '+o+">"+V(i,r)+"":"<"+e+' data-react-helmet="true">'+V(i,r)+""}(e,t.title,t.titleAttributes,n)}};case p:case h:return{toComponent:function(){return ue(t)},toString:function(){return ce(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})[N]=!0,r);return Object.keys(t).forEach((function(e){var n=T[e]||e;if(n===O||n===y){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),s.a.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===O||e===y)})).reduce((function(e,t){var o="undefined"===typeof r[t]?t:t+'="'+V(r[t],n)+'"';return e?e+" "+o:o}),""),i=r.innerHTML||r.cssText||"",a=-1===z.indexOf(e);return t+"<"+e+' data-react-helmet="true" '+o+(a?"/>":">"+i+"")}),"")}(e,t,n)}}}},se=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,c=e.noscriptTags,u=e.scriptTags,l=e.styleTags,s=e.title,f=void 0===s?"":s,d=e.titleAttributes;return{base:le(m.BASE,t,r),bodyAttributes:le(p,n,r),htmlAttributes:le(h,o,r),link:le(m.LINK,i,r),meta:le(m.META,a,r),noscript:le(m.NOSCRIPT,c,r),script:le(m.SCRIPT,u,r),style:le(m.STYLE,l,r),title:le(m.TITLE,{title:f,titleAttributes:d},r)}},fe=function(e){var t,n;return n=t=function(t){function n(){return D(this,n),H(this,t.apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),n.prototype.shouldComponentUpdate=function(e){return!u()(this.props,e)},n.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case m.SCRIPT:case m.NOSCRIPT:return{innerHTML:t};case m.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},n.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,i=e.nestedChildren;return W({},r,((t={})[n.type]=[].concat(r[n.type]||[],[W({},o,this.mapNestedChildrenToProps(n,i))]),t))},n.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,i=e.newChildProps,a=e.nestedChildren;switch(r.type){case m.TITLE:return W({},o,((t={})[r.type]=a,t.titleAttributes=W({},i),t));case m.BODY:return W({},o,{bodyAttributes:W({},i)});case m.HTML:return W({},o,{htmlAttributes:W({},i)})}return W({},o,((n={})[r.type]=W({},i),n))},n.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=W({},t);return Object.keys(e).forEach((function(t){var r;n=W({},n,((r={})[t]=e[t],r))})),n},n.prototype.warnOnInvalidChildren=function(e,t){return!0},n.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return s.a.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,i=o.children,a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[A[n]||n]=e[n],t}),t)}(B(o,["children"]));switch(n.warnOnInvalidChildren(e,i),e.type){case m.LINK:case m.META:case m.NOSCRIPT:case m.SCRIPT:case m.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:a,nestedChildren:i});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:a,nestedChildren:i})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},n.prototype.render=function(){var t=this.props,n=t.children,r=B(t,["children"]),o=W({},r);return n&&(o=this.mapChildrenToProps(n,o)),s.a.createElement(e,o)},F(n,null,[{key:"canUseDOM",set:function(t){e.canUseDOM=t}}]),n}(s.a.Component),t.propTypes={base:o.a.object,bodyAttributes:o.a.object,children:o.a.oneOfType([o.a.arrayOf(o.a.node),o.a.node]),defaultTitle:o.a.string,defer:o.a.bool,encodeSpecialCharacters:o.a.bool,htmlAttributes:o.a.object,link:o.a.arrayOf(o.a.object),meta:o.a.arrayOf(o.a.object),noscript:o.a.arrayOf(o.a.object),onChangeClientState:o.a.func,script:o.a.arrayOf(o.a.object),style:o.a.arrayOf(o.a.object),title:o.a.string,titleAttributes:o.a.object,titleTemplate:o.a.string},t.defaultProps={defer:!0,encodeSpecialCharacters:!0},t.peek=e.peek,t.rewind=function(){var t=e.rewind();return t||(t=se({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),t},n}(a()((function(e){return{baseTag:K([g,C],e),bodyAttributes:q(p,e),defer:G(e,R),encode:G(e,_),htmlAttributes:q(h,e),linkTags:Y(m.LINK,[j,g],e),metaTags:Y(m.META,[S,b,w,k,x],e),noscriptTags:Y(m.NOSCRIPT,[O],e),onChangeClientState:$(e),scriptTags:Y(m.SCRIPT,[E,O],e),styleTags:Y(m.STYLE,[y],e),title:U(e),titleAttributes:q(v,e)}}),(function(e){te&&Z(te),e.defer?te=J((function(){ne(e,(function(){te=null}))})):(ne(e),te=null)}),se)((function(){return null})));fe.renderStatic=fe.rewind}).call(this,n(77))},function(e,t,n){"use strict";var r=n(102);t.a=function(e,t){return t?Object(r.a)(e,t,{clone:!1}):e}},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){var n=t.distance,r=t.left,o=t.right,i=t.up,a=t.down,c=t.top,l=t.bottom,s=t.big,f=t.mirror,p=t.opposite,h=(n?n.toString():0)+((r?1:0)|(o?2:0)|(c||a?4:0)|(l||i?8:0)|(f?16:0)|(p?32:0)|(e?64:0)|(s?128:0));if(d.hasOwnProperty(h))return d[h];var v=r||o||i||a||c||l,m=void 0,b=void 0;if(v){if(!f!=!(e&&p)){var y=[o,r,l,c,a,i];r=y[0],o=y[1],c=y[2],l=y[3],i=y[4],a=y[5]}var g=n||(s?"2000px":"100%");m=r?"-"+g:o?g:"0",b=a||c?"-"+g:i||l?g:"0"}return d[h]=(0,u.animation)((e?"to":"from")+" {opacity: 0;"+(v?" transform: translate3d("+m+", "+b+", 0);":"")+"}\n "+(e?"from":"to")+" {opacity: 1;transform: none;} "),d[h]}function i(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u.defaults,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.children,i=(e.out,e.forever),a=e.timeout,c=e.duration,l=void 0===c?u.defaults.duration:c,f=e.delay,d=void 0===f?u.defaults.delay:f,p=e.count,h=void 0===p?u.defaults.count:p,v=r(e,["children","out","forever","timeout","duration","delay","count"]),m={make:o,duration:void 0===a?l:a,delay:d,forever:i,count:h,style:{animationFillMode:"both"},reverse:v.left};return t?(0,s.default)(v,m,m,n):m}Object.defineProperty(t,"__esModule",{value:!0});var a,c=n(6),u=n(107),l=n(149),s=(a=l)&&a.__esModule?a:{default:a},f={out:c.bool,left:c.bool,right:c.bool,top:c.bool,bottom:c.bool,big:c.bool,mirror:c.bool,opposite:c.bool,duration:c.number,timeout:c.number,distance:c.string,delay:c.number,count:c.number,forever:c.bool},d={};i.propTypes=f,t.default=i,e.exports=t.default},function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var r=n(2),o=!!r.useInsertionEffect&&r.useInsertionEffect,i=o||function(e){return e()},a=o||r.useLayoutEffect},function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=function(e){for(var t,n=0,r=0,o=e.length;o>=4;++r,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(o){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)},o={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},i=n(68),a=/[A-Z]|^ms/g,c=/_EMO_([^_]+?)_([^]*?)_EMO_/g,u=function(e){return 45===e.charCodeAt(1)},l=function(e){return null!=e&&"boolean"!==typeof e},s=Object(i.a)((function(e){return u(e)?e:e.replace(a,"-$&").toLowerCase()})),f=function(e,t){switch(e){case"animation":case"animationName":if("string"===typeof t)return t.replace(c,(function(e,t,n){return p={name:t,styles:n,next:p},t}))}return 1===o[e]||u(e)||"number"!==typeof t||0===t?t:t+"px"};function d(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return p={name:n.name,styles:n.styles,next:p},n.name;if(void 0!==n.styles){var r=n.next;if(void 0!==r)for(;void 0!==r;)p={name:r.name,styles:r.styles,next:p},r=r.next;return n.styles+";"}return function(e,t,n){var r="";if(Array.isArray(n))for(var o=0;o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:T(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),p}},e}var l=n(14);function s(e,t,n,r,o,i,a){try{var c=e[i](a),u=c.value}catch(l){return void n(l)}c.done?t(u):Promise.resolve(u).then(r,o)}function f(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){s(i,r,o,a,c,"next",e)}function c(e){s(i,r,o,a,c,"throw",e)}a(void 0)}))}}var d=n(5),p=n(56);function h(e,t){var n="undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Object(p.a)(e))||t&&e&&"number"===typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){c=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}var v,m,b=n(2),y=n.n(b),g=n(131),w=n(75),O=["prefix","field","errors"],x=Object.create,S=Object.defineProperty,k=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyNames,E=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,T=function(e,t,n){return n=null!=e?x(E(e)):{},function(e,t,n,r){if(t&&"object"==typeof t||"function"==typeof t){var o,i=h(j(t));try{var a=function(){var i=o.value;!C.call(e,i)&&i!==n&&S(e,i,{get:function(){return t[i]},enumerable:!(r=k(t,i))||r.enumerable})};for(i.s();!(o=i.n()).done;)a()}catch(c){i.e(c)}finally{i.f()}}return e}(!t&&e&&e.__esModule?n:S(n,"default",{value:e,enumerable:!0}),e)},P=(v=function(e,t){var n,r=Object.defineProperty,o=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,s=Object.prototype.hasOwnProperty,p={};!function(e,t){for(var n in t)r(e,n,{get:t[n],enumerable:!0})}(p,{Client:function(){return C},createClient:function(){return T},getDefaultClient:function(){return P},isFieldError:function(){return y}}),t.exports=(n=p,function(e,t,n,i){if(t&&"object"==typeof t||"function"==typeof t){var a,u=h(c(t));try{var l=function(){var c=a.value;!s.call(e,c)&&c!==n&&r(e,c,{get:function(){return t[c]},enumerable:!(i=o(t,c))||i.enumerable})};for(u.s();!(a=u.n()).done;)l()}catch(f){u.e(f)}finally{u.f()}}return e}(r({},"__esModule",{value:!0}),n));var v="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",m=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,b=function(e){return e.REQUIRED_FIELD_MISSING="REQUIRED_FIELD_MISSING",e.REQUIRED_FIELD_EMPTY="REQUIRED_FIELD_EMPTY",e.TYPE_EMAIL="TYPE_EMAIL",e.TYPE_NUMERIC="TYPE_NUMERIC",e.TYPE_TEXT="TYPE_TEXT",e}(b||{});function y(e){return e.code in b&&void 0!==e.field}var g=function(e){return function(e){for(var t,n,r,o,i="",a=0,c=(e=String(e)).length%3;a255||(r=e.charCodeAt(a++))>255||(o=e.charCodeAt(a++))>255)throw new TypeError("Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.");i+=v.charAt((t=n<<16|r<<8|o)>>18&63)+v.charAt(t>>12&63)+v.charAt(t>>6&63)+v.charAt(63&t)}return c?i.slice(0,c-3)+"===".substring(c):i}(JSON.stringify(e))},w=function(e){var t="@formspree/core@".concat("2.8.1");return e?"".concat(e," ").concat(t):t},O=function(e,t,n){e instanceof FormData?e.append(t,n):e=Object.assign(e,Object(d.a)({},t,n))},x=function(){var e=f(u().mark((function e(t){var n,r,o,i,a,c,s,f,d,p,h;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.stripePromise,r=t.response,o=t.responseData,i=t.payload,a=t.data,c=t.fetchImpl,s=t.request,f=t.url,e.next=3,n.handleCardAction(o.stripe.paymentIntentClientSecret);case 3:if(!(d=e.sent).error){e.next=6;break}return e.abrupt("return",{response:r,body:{errors:[{code:"STRIPE_CLIENT_ERROR",message:"Stripe SCA error",field:"paymentMethod"}]}});case 6:return i.paymentMethod.id||O(a,"paymentMethod",i.paymentMethod.id),O(a,"paymentIntent",d.paymentIntent.id),O(a,"resubmitKey",o.resubmitKey),e.next=9,c(f,Object(l.a)(Object(l.a)({},s),{},{body:JSON.stringify({paymentIntent:d.paymentIntent.id,resubmitKey:o.resubmitKey})}));case 9:return p=e.sent,e.next=12,p.json();case 12:return h=e.sent,e.abrupt("return",{response:p,body:h});case 14:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function S(e){var t=e.body,n=e.response;return!function(e){return void 0!==e.errors}(t)&&(null==t?void 0:t.error)&&(t={errors:[{message:t.error}]}),{body:t,response:n}}var k,j=function(){return navigator.webdriver||!!document.documentElement.getAttribute(function(e){if(e=String(e).replace(/[\t\n\f\r ]+/g,""),!m.test(e))throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");e+="==".slice(2-(3&e.length));for(var t,n,r,o="",i=0;i>16&255):64===r?String.fromCharCode(t>>16&255,t>>8&255):String.fromCharCode(t>>16&255,t>>8&255,255&t);return o}("d2ViZHJpdmVy"))||!!window.callPhantom||!!window._phantom},E=function(){function e(){Object(i.a)(this,e),this.loadedAt=1*new Date,this.webdriver=j()}return Object(a.a)(e,[{key:"teardown",value:function(){}},{key:"data",value:function(){return{loadedAt:this.loadedAt,webdriver:this.webdriver}}}]),e}(),C=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object(i.a)(this,e),this.project=t.project,this.stripePromise=t.stripePromise,typeof window<"u"&&this.startBrowserSession()}return Object(a.a)(e,[{key:"startBrowserSession",value:function(){this.session||(this.session=new E)}},{key:"teardown",value:function(){this.session&&this.session.teardown()}},{key:"submitForm",value:function(){var e=f(u().mark((function e(t,n){var r,o,i,a,c,s,f,d,p,h,v=arguments;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=v.length>2&&void 0!==v[2]?v[2]:{},o=r.endpoint||"https://formspree.io",i=r.fetchImpl||fetch,a=this.project?"".concat(o,"/p/").concat(this.project,"/f/").concat(t):"".concat(o,"/f/").concat(t),c=function(e){return e instanceof FormData?e:JSON.stringify(e)},s={Accept:"application/json","Formspree-Client":w(r.clientName)},this.session&&(s["Formspree-Session-Data"]=g(this.session.data())),n instanceof FormData||(s["Content-Type"]="application/json"),f={method:"POST",mode:"cors",body:c(n),headers:s},!this.stripePromise||!r.createPaymentMethod){e.next=27;break}return e.next=7,r.createPaymentMethod();case 7:if(!(d=e.sent).error){e.next=10;break}return e.abrupt("return",{response:null,body:{errors:[{code:"STRIPE_CLIENT_ERROR",message:"Error creating payment method",field:"paymentMethod"}]}});case 10:return O(n,"paymentMethod",d.paymentMethod.id),e.next=13,i(a,Object(l.a)(Object(l.a)({},f),{},{body:n}));case 13:return p=e.sent,e.next=16,p.json();case 16:if(!((h=e.sent)&&h.stripe&&h.stripe.requiresAction&&h.resubmitKey)){e.next=23;break}return e.next=20,x({stripePromise:this.stripePromise,responseData:h,response:p,payload:d,data:n,fetchImpl:i,request:f,url:a});case 20:e.t0=e.sent,e.next=24;break;case 23:e.t0=S({response:p,body:h});case 24:return e.abrupt("return",e.t0);case 27:return e.abrupt("return",i(a,f).then((function(e){return e.json().then((function(t){return S({body:t,response:e})}))})).catch());case 28:case"end":return e.stop()}}),e,this)})));return function(t,n){return e.apply(this,arguments)}}()}]),e}(),T=function(e){return new C(e)},P=function(){return k||(k=T()),k}},function(){return m||v((m={exports:{}}).exports,m),m.exports}),R=T(P()),_=Object(b.lazy)((function(){return Promise.resolve().then(n.t.bind(null,75,7)).then((function(e){return{default:e.Elements}}))})),M=y.a.createContext({client:void 0});M.displayName="Formspree";var L,A=function(e){return L||(L=Object(g.loadStripe)(e)),L},z=function(e,t){var n={};return e&&(n.stripePromise=e),t&&(n.project=t),(0,R.createClient)(n)},N=function(e){var t=Object(b.useState)(void 0),n=Object(o.a)(t,2),r=n[0],i=n[1],a=Object(b.useState)(z(r,e.project)),c=Object(o.a)(a,2),l=c[0],s=c[1];return Object(b.useEffect)((function(){return l.startBrowserSession(),function(){l.teardown()}}),[]),Object(b.useEffect)((function(){var t=function(){var t=f(u().mark((function t(){var n;return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,A(e.stripePK);case 2:n=t.sent,i(n);case 4:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();e.stripePK&&t()}),[e.stripePK]),Object(b.useEffect)((function(){r&&s(z(r,e.project))}),[r]),y.a.createElement(M.Provider,{value:{client:l}},e.stripePK?y.a.createElement(y.a.Fragment,null,r&&y.a.createElement(b.Suspense,{fallback:y.a.createElement("p",null,"....")},y.a.createElement(_,{stripe:r},y.a.createElement(y.a.Fragment,null,e.children)))):y.a.createElement(y.a.Fragment,null,e.children))};function I(){var e=Object(b.useContext)(M);return e.client?e:{client:(0,R.getDefaultClient)()}}var D="2.4.1",F=function(e){return void 0!==e.preventDefault},W=function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=Object(b.useState)(null),a=Object(o.a)(i,2),c=a[0],s=a[1],p=Object(b.useState)(!1),h=Object(o.a)(p,2),v=h[0],m=h[1],y=Object(b.useState)(!1),g=Object(o.a)(y,2),O=g[0],x=g[1],S=Object(b.useState)([]),k=Object(o.a)(S,2),j=k[0],E=k[1],C=I(),T=r.client||C;if(!T)throw new Error("You must provide a Formspree client");if(!e)throw new Error('You must provide a form key or hashid (e.g. useForm("myForm") or useForm("123xyz")');C.client&&C.client.stripePromise&&(t=Object(w.useStripe)(),n=Object(w.useElements)());var P=!!r.debug,R=r.data;return[{result:c,submitting:v,succeeded:O,errors:j},function(){var o=f(u().mark((function o(i){var a,c,p,h,v,b;return u().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(a=function(){var e=f(u().mark((function e(t){var n;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.preventDefault(),"FORM"==(n=t.target).tagName){e.next=4;break}throw new Error("submit was triggered for a non-form element");case 4:return e.abrupt("return",new FormData(n));case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),!F(i)){o.next=7;break}return o.next=4,a(i);case 4:o.t0=o.sent,o.next=8;break;case 7:o.t0=i;case 8:if(c=o.t0,p=function(e,t){c instanceof FormData?c.append(e,t):c=Object.assign(c,Object(d.a)({},e,t))},"object"!=typeof R){o.next=28;break}o.t1=u().keys(R);case 12:if((o.t2=o.t1()).done){o.next=28;break}if(h=o.t2.value,v=void 0,"function"!=typeof R[h]){o.next=24;break}if(v=R[h].call(null),o.t3="function"==typeof(null==v?void 0:v.then),!o.t3){o.next=22;break}return o.next=21,v;case 21:v=o.sent;case 22:o.next=25;break;case 24:v=R[h];case 25:void 0!==v&&p(h,v),o.next=12;break;case 28:return b=function(){var e=f(u().mark((function e(){var r;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)({},c.address_line1&&{line1:c.address_line1}),c.address_line2&&{line2:c.address_line2}),c.address_city&&{city:c.address_city}),c.address_country&&{country:c.address_country}),c.address_state&&{state:c.address_state}),c.address_postal_code&&{postal_code:c.address_postal_code}),e.next=3,t.createPaymentMethod({type:"card",card:n.getElement(w.CardElement),billing_details:Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)({},c.name&&{name:c.name}),c.email&&{email:c.email}),c.phone&&{phone:c.phone}),r&&{address:r})});case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),o.abrupt("return",(m(!0),C.client.submitForm(e,c,{endpoint:r.endpoint,clientName:"@formspree/react@".concat(D),createPaymentMethod:C.client&&C.client.stripePromise?b:void 0}).then((function(e){var t,n=e.response.status;return 200===n?(P&&console.log("Form submitted",e),x(!0),s(e),E([])):n>=400&&((t=e.body).errors?(E(t.errors),P&&console.log("Error",e)):(E([{message:"Unexpected error"}]),P&&console.log("Unexpected error",e)),x(!1)),e})).catch((function(e){throw P&&console.log("Unexpected error",e),x(!1),e})).finally((function(){m(!1)}))));case 30:case"end":return o.stop()}}),o)})));return function(e){return o.apply(this,arguments)}}(),function(){m(!1),x(!1),E([])}]},B=function(e){var t=e.prefix,n=e.field,o=e.errors,i=Object(r.a)(e,O),a=(o||[]).find((function(e){return e.field===n}));return a?y.a.createElement("div",Object(l.a)({},i),t," ",a.message):null};T(P()).isFieldError},function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";var r=n(108),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};function u(e){return r.isMemo(e)?a:c[e.$$typeof]||o}c[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},c[r.Memo]=a;var l=Object.defineProperty,s=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=s(n);f&&(a=a.concat(f(n)));for(var c=u(t),v=u(n),m=0;m0&&void 0!==arguments[0]?arguments[0]:null,t=Object(o.a)();return!t||i(t)?e:t},c=Object(r.a)();t.a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c;return a(e)}},function(e,t,n){"use strict";var r=n(2),o=n(124);t.a=function(e){var t=r.useRef(e);return Object(o.a)((function(){t.current=e})),r.useCallback((function(){return t.current.apply(void 0,arguments)}),[])}},function(e,t,n){"use strict";function r(e,t){return function(){return null}}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(71);function o(e,t){if(e){if("string"===typeof e)return Object(r.a)(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r.a)(e,t):void 0}}},function(e,t,n){"use strict";var r=n(133),o=Object(r.a)();t.a=o},function(e,t,n){"use strict";var r=n(5),o=n(9),i=n(241),a=n(3),c=["xs","sm","md","lg","xl"];function u(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,r=e.unit,i=void 0===r?"px":r,u=e.step,l=void 0===u?5:u,s=Object(o.a)(e,["values","unit","step"]);function f(e){var t="number"===typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(i,")")}function d(e,t){var r=c.indexOf(t);return r===c.length-1?f(e):"@media (min-width:".concat("number"===typeof n[e]?n[e]:e).concat(i,") and ")+"(max-width:".concat((-1!==r&&"number"===typeof n[c[r+1]]?n[c[r+1]]:t)-l/100).concat(i,")")}return Object(a.a)({keys:c,values:n,up:f,down:function(e){var t=c.indexOf(e)+1,r=n[c[t]];return t===c.length?f("xs"):"@media (max-width:".concat(("number"===typeof r&&t>0?r:e)-l/100).concat(i,")")},between:d,only:function(e){return d(e,e)},width:function(e){return n[e]}},s)}function l(e,t,n){var o;return Object(a.a)({gutters:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return console.warn(["Material-UI: theme.mixins.gutters() is deprecated.","You can use the source of the mixin directly:","\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n [theme.breakpoints.up('sm')]: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n },\n "].join("\n")),Object(a.a)({paddingLeft:t(2),paddingRight:t(2)},n,Object(r.a)({},e.up("sm"),Object(a.a)({paddingLeft:t(3),paddingRight:t(3)},n[e.up("sm")])))},toolbar:(o={minHeight:56},Object(r.a)(o,"".concat(e.up("xs")," and (orientation: landscape)"),{minHeight:48}),Object(r.a)(o,e.up("sm"),{minHeight:64}),o)},n)}var s=n(134),f={black:"#000",white:"#fff"},d={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#d5d5d5",A200:"#aaaaaa",A400:"#303030",A700:"#616161"},p={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe"},h={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162"},v={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},m={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},b={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},y={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},g=n(33),w={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",hint:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:f.white,default:d[50]},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},O={text:{primary:f.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",hint:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:d[800],default:"#303030"},action:{active:f.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function x(e,t,n,r){var o=r.light||r,i=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=Object(g.d)(e.main,o):"dark"===t&&(e.dark=Object(g.b)(e.main,i)))}function S(e){var t=e.primary,n=void 0===t?{light:p[300],main:p[500],dark:p[700]}:t,r=e.secondary,c=void 0===r?{light:h.A200,main:h.A400,dark:h.A700}:r,u=e.error,l=void 0===u?{light:v[300],main:v[500],dark:v[700]}:u,S=e.warning,k=void 0===S?{light:m[300],main:m[500],dark:m[700]}:S,j=e.info,E=void 0===j?{light:b[300],main:b[500],dark:b[700]}:j,C=e.success,T=void 0===C?{light:y[300],main:y[500],dark:y[700]}:C,P=e.type,R=void 0===P?"light":P,_=e.contrastThreshold,M=void 0===_?3:_,L=e.tonalOffset,A=void 0===L?.2:L,z=Object(o.a)(e,["primary","secondary","error","warning","info","success","type","contrastThreshold","tonalOffset"]);function N(e){return Object(g.c)(e,O.text.primary)>=M?O.text.primary:w.text.primary}var I=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:700;if(!(e=Object(a.a)({},e)).main&&e[t]&&(e.main=e[t]),!e.main)throw new Error(Object(s.a)(4,t));if("string"!==typeof e.main)throw new Error(Object(s.a)(5,JSON.stringify(e.main)));return x(e,"light",n,A),x(e,"dark",r,A),e.contrastText||(e.contrastText=N(e.main)),e},D={dark:O,light:w};return Object(i.a)(Object(a.a)({common:f,type:R,primary:I(n),secondary:I(c,"A400","A200","A700"),error:I(l),warning:I(k),info:I(E),success:I(T),grey:d,contrastThreshold:M,getContrastText:N,augmentColor:I,tonalOffset:A},D[R]),z)}function k(e){return Math.round(1e5*e)/1e5}function j(e){return k(e)}var E={textTransform:"uppercase"},C='"Roboto", "Helvetica", "Arial", sans-serif';function T(e,t){var n="function"===typeof t?t(e):t,r=n.fontFamily,c=void 0===r?C:r,u=n.fontSize,l=void 0===u?14:u,s=n.fontWeightLight,f=void 0===s?300:s,d=n.fontWeightRegular,p=void 0===d?400:d,h=n.fontWeightMedium,v=void 0===h?500:h,m=n.fontWeightBold,b=void 0===m?700:m,y=n.htmlFontSize,g=void 0===y?16:y,w=n.allVariants,O=n.pxToRem,x=Object(o.a)(n,["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"]);var S=l/14,T=O||function(e){return"".concat(e/g*S,"rem")},P=function(e,t,n,r,o){return Object(a.a)({fontFamily:c,fontWeight:e,fontSize:T(t),lineHeight:n},c===C?{letterSpacing:"".concat(k(r/t),"em")}:{},o,w)},R={h1:P(f,96,1.167,-1.5),h2:P(f,60,1.2,-.5),h3:P(p,48,1.167,0),h4:P(p,34,1.235,.25),h5:P(p,24,1.334,0),h6:P(v,20,1.6,.15),subtitle1:P(p,16,1.75,.15),subtitle2:P(v,14,1.57,.1),body1:P(p,16,1.5,.15),body2:P(p,14,1.43,.15),button:P(v,14,1.75,.4,E),caption:P(p,12,1.66,.4),overline:P(p,12,2.66,1,E)};return Object(i.a)(Object(a.a)({htmlFontSize:g,pxToRem:T,round:j,fontFamily:c,fontSize:l,fontWeightLight:f,fontWeightRegular:p,fontWeightMedium:v,fontWeightBold:b},R),x,{clone:!1})}function P(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}var R=["none",P(0,2,1,-1,0,1,1,0,0,1,3,0),P(0,3,1,-2,0,2,2,0,0,1,5,0),P(0,3,3,-2,0,3,4,0,0,1,8,0),P(0,2,4,-1,0,4,5,0,0,1,10,0),P(0,3,5,-1,0,5,8,0,0,1,14,0),P(0,3,5,-1,0,6,10,0,0,1,18,0),P(0,4,5,-2,0,7,10,1,0,2,16,1),P(0,5,5,-3,0,8,10,1,0,3,14,2),P(0,5,6,-3,0,9,12,1,0,3,16,2),P(0,6,6,-3,0,10,14,1,0,4,18,3),P(0,6,7,-4,0,11,15,1,0,4,20,3),P(0,7,8,-4,0,12,17,2,0,5,22,4),P(0,7,8,-4,0,13,19,2,0,5,24,4),P(0,7,9,-4,0,14,21,2,0,5,26,4),P(0,8,9,-5,0,15,22,2,0,6,28,5),P(0,8,10,-5,0,16,24,2,0,6,30,5),P(0,8,11,-5,0,17,26,2,0,6,32,5),P(0,9,11,-5,0,18,28,2,0,7,34,6),P(0,9,12,-6,0,19,29,2,0,7,36,6),P(0,10,13,-6,0,20,31,3,0,8,38,7),P(0,10,13,-6,0,21,33,3,0,8,40,7),P(0,10,14,-6,0,22,35,3,0,8,42,7),P(0,11,14,-7,0,23,36,3,0,9,44,8),P(0,11,15,-7,0,24,38,3,0,9,46,8)],_={borderRadius:4},M=n(11),L=(n(13),n(49));var A=function(e,t){return t?Object(i.a)(e,t,{clone:!1}):e},z={xs:0,sm:600,md:960,lg:1280,xl:1920},N={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(z[e],"px)")}};var I={m:"margin",p:"padding"},D={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},F={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},W=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){if(e.length>2){if(!F[e])return[e];e=F[e]}var t=e.split(""),n=Object(M.a)(t,2),r=n[0],o=n[1],i=I[r],a=D[o]||"";return Array.isArray(a)?a.map((function(e){return i+e})):[i+a]})),B=["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY"];function H(e){var t=e.spacing||8;return"number"===typeof t?function(e){return t*e}:Array.isArray(t)?function(e){return t[e]}:"function"===typeof t?t:function(){}}function V(e,t){return function(n){return e.reduce((function(e,r){return e[r]=function(e,t){if("string"===typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"===typeof n?-n:"-".concat(n)}(t,n),e}),{})}}function U(e){var t=H(e.theme);return Object.keys(e).map((function(n){if(-1===B.indexOf(n))return null;var r=V(W(n),t),o=e[n];return function(e,t,n){if(Array.isArray(t)){var r=e.theme.breakpoints||N;return t.reduce((function(e,o,i){return e[r.up(r.keys[i])]=n(t[i]),e}),{})}if("object"===Object(L.a)(t)){var o=e.theme.breakpoints||N;return Object.keys(t).reduce((function(e,r){return e[o.up(r)]=n(t[r]),e}),{})}return n(t)}(e,o,r)})).reduce(A,{})}U.propTypes={},U.filterProps=B;function $(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=H({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,r=e.mixins,a=void 0===r?{}:r,c=e.palette,s=void 0===c?{}:c,f=e.spacing,d=e.typography,p=void 0===d?{}:d,h=Object(o.a)(e,["breakpoints","mixins","palette","spacing","typography"]),v=S(s),m=u(n),b=$(f),y=Object(i.a)({breakpoints:m,direction:"ltr",mixins:l(m,b,a),overrides:{},palette:v,props:{},shadows:R,typography:T(v,p),spacing:b,shape:_,transitions:q.a,zIndex:K.a},h),g=arguments.length,w=new Array(g>1?g-1:0),O=1;O96?d:p},v=function(e,t,n){var r;if(t){var o=t.shouldForwardProp;r=e.__emotion_forwardProp&&o?function(t){return e.__emotion_forwardProp(t)&&o(t)}:o}return"function"!==typeof r&&n&&(r=e.__emotion_forwardProp),r},m=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;Object(l.c)(t,n,r);Object(f.a)((function(){return Object(l.b)(t,n,r)}));return null},b=function e(t,n){var o,i,a=t.__emotion_real===t,f=a&&t.__emotion_base||t;void 0!==n&&(o=n.label,i=n.target);var d=v(t,n,a),p=d||h(f),b=!p("as");return function(){var y=arguments,g=a&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==o&&g.push("label:"+o+";"),null==y[0]||void 0===y[0].raw)g.push.apply(g,y);else{0,g.push(y[0][0]);for(var w=y.length,O=1;O0?1:0):0};t.lazySlidesOnLeft=p;var h=function(e){return e.centerMode?Math.floor((e.slidesToShow-1)/2)+1+(parseInt(e.centerPadding)>0?1:0):e.slidesToShow};t.lazySlidesOnRight=h;var v=function(e){return e&&e.offsetWidth||0};t.getWidth=v;var m=function(e){return e&&e.offsetHeight||0};t.getHeight=m;var b=function(e){var t,n,r,o,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),(o=Math.round(180*r/Math.PI))<0&&(o=360-Math.abs(o)),o<=45&&o>=0||o<=360&&o>=315?"left":o>=135&&o<=225?"right":!0===i?o>=35&&o<=135?"up":"down":"vertical"};t.getSwipeDirection=b;var y=function(e){var t=!0;return e.infinite||(e.centerMode&&e.currentSlide>=e.slideCount-1||e.slideCount<=e.slidesToShow||e.currentSlide>=e.slideCount-e.slidesToShow)&&(t=!1),t};t.canGoNext=y;t.extractObject=function(e,t){var n={};return t.forEach((function(t){return n[t]=e[t]})),n};t.initializedState=function(e){var t,n=o.default.Children.count(e.children),r=e.listRef,i=Math.ceil(v(r)),c=e.trackRef&&e.trackRef.node,u=Math.ceil(v(c));if(e.vertical)t=i;else{var l=e.centerMode&&2*parseInt(e.centerPadding);"string"===typeof e.centerPadding&&"%"===e.centerPadding.slice(-1)&&(l*=i/100),t=Math.ceil((i-l)/e.slidesToShow)}var f=r&&m(r.querySelector('[data-index="0"]')),d=f*e.slidesToShow,p=void 0===e.currentSlide?e.initialSlide:e.currentSlide;e.rtl&&void 0===e.currentSlide&&(p=n-1-e.initialSlide);var h=e.lazyLoadedList||[],b=s(a(a({},e),{},{currentSlide:p,lazyLoadedList:h})),y={slideCount:n,slideWidth:t,listWidth:i,trackWidth:u,currentSlide:p,slideHeight:f,listHeight:d,lazyLoadedList:h=h.concat(b)};return null===e.autoplaying&&e.autoplay&&(y.autoplaying="playing"),y};t.slideHandler=function(e){var t=e.waitForAnimate,n=e.animating,r=e.fade,o=e.infinite,i=e.index,c=e.slideCount,l=e.lazyLoad,f=e.currentSlide,d=e.centerMode,p=e.slidesToScroll,h=e.slidesToShow,v=e.useCSS,m=e.lazyLoadedList;if(t&&n)return{};var b,g,w,O=i,x={},E={},C=o?i:u(i,0,c-1);if(r){if(!o&&(i<0||i>=c))return{};i<0?O=i+c:i>=c&&(O=i-c),l&&m.indexOf(O)<0&&(m=m.concat(O)),x={animating:!0,currentSlide:O,lazyLoadedList:m,targetSlide:O},E={animating:!1,targetSlide:O}}else b=O,O<0?(b=O+c,o?c%p!==0&&(b=c-c%p):b=0):!y(e)&&O>f?O=b=f:d&&O>=c?(O=o?c:c-1,b=o?0:c-1):O>=c&&(b=O-c,o?c%p!==0&&(b=0):b=c-h),!o&&O+h>=c&&(b=c-h),g=j(a(a({},e),{},{slideIndex:O})),w=j(a(a({},e),{},{slideIndex:b})),o||(g===w&&(O=b),g=w),l&&(m=m.concat(s(a(a({},e),{},{currentSlide:O})))),v?(x={animating:!0,currentSlide:b,trackStyle:k(a(a({},e),{},{left:g})),lazyLoadedList:m,targetSlide:C},E={animating:!1,currentSlide:b,trackStyle:S(a(a({},e),{},{left:w})),swipeLeft:null,targetSlide:C}):x={currentSlide:b,trackStyle:S(a(a({},e),{},{left:w})),lazyLoadedList:m,targetSlide:C};return{state:x,nextState:E}};t.changeSlide=function(e,t){var n,r,o,i,c=e.slidesToScroll,u=e.slidesToShow,l=e.slideCount,s=e.currentSlide,f=e.targetSlide,d=e.lazyLoad,p=e.infinite;if(n=l%c!==0?0:(l-s)%c,"previous"===t.message)i=s-(o=0===n?c:u-n),d&&!p&&(i=-1===(r=s-o)?l-1:r),p||(i=f-c);else if("next"===t.message)i=s+(o=0===n?c:n),d&&!p&&(i=(s+c)%l+n),p||(i=f+c);else if("dots"===t.message)i=t.index*t.slidesToScroll;else if("children"===t.message){if(i=t.index,p){var h=P(a(a({},e),{},{targetSlide:i}));i>t.currentSlide&&"left"===h?i-=l:i10)return{scrolling:!0};c&&(O.swipeLength=R);var _=(u?-1:1)*(O.curX>O.startX?1:-1);c&&(_=O.curY>O.startY?1:-1);var M=Math.ceil(m/g),L=b(t.touchObject,c),A=O.swipeLength;return w||(0===s&&("right"===L||"down"===L)||s+1>=M&&("left"===L||"up"===L)||!y(t)&&("left"===L||"up"===L))&&(A=O.swipeLength*f,!1===d&&p&&(p(L),T.edgeDragged=!0)),!h&&x&&(x(L),T.swiped=!0),C=o?P+A*(k/E)*_:u?P-A*_:P+A*_,c&&(C=P+A*_),T=a(a({},T),{},{touchObject:O,swipeLeft:C,trackStyle:S(a(a({},t),{},{left:C}))}),Math.abs(O.curX-O.startX)<.8*Math.abs(O.curY-O.startY)?T:(O.swipeLength>10&&(T.swiping=!0,l(e)),T)}};t.swipeEnd=function(e,t){var n=t.dragging,r=t.swipe,o=t.touchObject,i=t.listWidth,c=t.touchThreshold,u=t.verticalSwiping,s=t.listHeight,f=t.swipeToSlide,d=t.scrolling,p=t.onSwipe,h=t.targetSlide,v=t.currentSlide,m=t.infinite;if(!n)return r&&l(e),{};var y=u?s/c:i/c,g=b(o,u),x={dragging:!1,edgeDragged:!1,scrolling:!1,swiping:!1,swiped:!1,swipeLeft:null,touchObject:{}};if(d)return x;if(!o.swipeLength)return x;if(o.swipeLength>y){var S,E;l(e),p&&p(g);var C=m?v:h;switch(g){case"left":case"up":E=C+O(t),S=f?w(t,E):E,x.currentDirection=0;break;case"right":case"down":E=C-O(t),S=f?w(t,E):E,x.currentDirection=1;break;default:S=C}x.triggerSlideHandler=S}else{var T=j(t);x.trackStyle=k(a(a({},t),{},{left:T}))}return x};var g=function(e){for(var t=e.infinite?2*e.slideCount:e.slideCount,n=e.infinite?-1*e.slidesToShow:0,r=e.infinite?-1*e.slidesToShow:0,o=[];nn[n.length-1])t=n[n.length-1];else for(var o in n){if(t-1*e.swipeLeft)return n=r,!1}else if(r.offsetLeft-t+v(r)/2>-1*e.swipeLeft)return n=r,!1;return!0})),!n)return 0;var i=!0===e.rtl?e.slideCount-e.currentSlide:e.currentSlide;return Math.abs(n.dataset.index-i)||1}return e.slidesToScroll};t.getSlideCount=O;var x=function(e,t){return t.reduce((function(t,n){return t&&e.hasOwnProperty(n)}),!0)?null:console.error("Keys Missing:",e)};t.checkSpecKeys=x;var S=function(e){var t,n;x(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var r=e.slideCount+2*e.slidesToShow;e.vertical?n=r*e.slideHeight:t=T(e)*e.slideWidth;var o={opacity:1,transition:"",WebkitTransition:""};if(e.useTransform){var i=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",c=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",u=e.vertical?"translateY("+e.left+"px)":"translateX("+e.left+"px)";o=a(a({},o),{},{WebkitTransform:i,transform:c,msTransform:u})}else e.vertical?o.top=e.left:o.left=e.left;return e.fade&&(o={opacity:1}),t&&(o.width=t),n&&(o.height=n),window&&!window.addEventListener&&window.attachEvent&&(e.vertical?o.marginTop=e.left+"px":o.marginLeft=e.left+"px"),o};t.getTrackCSS=S;var k=function(e){x(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=S(e);return e.useTransform?(t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase):e.vertical?t.transition="top "+e.speed+"ms "+e.cssEase:t.transition="left "+e.speed+"ms "+e.cssEase,t};t.getTrackAnimateCSS=k;var j=function(e){if(e.unslick)return 0;x(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var t,n,r=e.slideIndex,o=e.trackRef,i=e.infinite,a=e.centerMode,c=e.slideCount,u=e.slidesToShow,l=e.slidesToScroll,s=e.slideWidth,f=e.listWidth,d=e.variableWidth,p=e.slideHeight,h=e.fade,v=e.vertical;if(h||1===e.slideCount)return 0;var m=0;if(i?(m=-E(e),c%l!==0&&r+l>c&&(m=-(r>c?u-(r-c):c%l)),a&&(m+=parseInt(u/2))):(c%l!==0&&r+l>c&&(m=u-c%l),a&&(m=parseInt(u/2))),t=v?r*p*-1+m*p:r*s*-1+m*s,!0===d){var b,y=o&&o.node;if(b=r+E(e),t=(n=y&&y.childNodes[b])?-1*n.offsetLeft:0,!0===a){b=i?r+E(e):r,n=y&&y.children[b],t=0;for(var g=0;ge.currentSlide?e.targetSlide>e.currentSlide+R(e)?"left":"right":e.targetSlide0&&(i+=1),r&&t%2===0&&(i+=1),i}return r?0:t-1};t.slidesOnRight=R;var _=function(e){var t=e.slidesToShow,n=e.centerMode,r=e.rtl,o=e.centerPadding;if(n){var i=(t-1)/2+1;return parseInt(o)>0&&(i+=1),r||t%2!==0||(i+=1),i}return r?t-1:0};t.slidesOnLeft=_;t.canUseDOM=function(){return!("undefined"===typeof window||!window.document||!window.document.createElement)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));n(2),n(98),n(25),n(110),n(69),n(50),n(29);var r=n(41);n(40);function o(){for(var e=arguments.length,t=new Array(e),n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n provider."));return e},R=t.createContext(null);R.displayName="CartElementContext";var _=function(e,t){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t," in an provider."));return e},M=function(e){var n=e.stripe,r=e.options,o=e.children,i=t.useMemo((function(){return C(n)}),[n]),a=d(t.useState(null),2),c=a[0],u=a[1],l=d(t.useState(null),2),s=l[0],f=l[1],p=d(t.useState((function(){return{stripe:"sync"===i.tag?i.stripe:null,elements:"sync"===i.tag?i.stripe.elements(r):null}})),2),h=p[0],v=p[1];t.useEffect((function(){var e=!0,t=function(e){v((function(t){return t.stripe?t:{stripe:e,elements:e.elements(r)}}))};return"async"!==i.tag||h.stripe?"sync"!==i.tag||h.stripe||t(i.stripe):i.stripePromise.then((function(n){n&&e&&t(n)})),function(){e=!1}}),[i,h,r]);var m=y(n);t.useEffect((function(){null!==m&&m!==n&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")}),[m,n]);var b=y(r);return t.useEffect((function(){if(h.elements){var e=k(r,b,["clientSecret","fonts"]);e&&h.elements.update(e)}}),[r,b,h.elements]),t.useEffect((function(){var e=h.stripe;e&&e._registerWrapper&&e.registerAppInfo&&(e._registerWrapper({name:"react-stripe-js",version:"1.15.0"}),e.registerAppInfo({name:"react-stripe-js",version:"1.15.0",url:"https://stripe.com/docs/stripe-js/react"}))}),[h.stripe]),t.createElement(T.Provider,{value:h},t.createElement(R.Provider,{value:{cart:c,setCart:u,cartState:s,setCartState:f}},o))};M.propTypes={stripe:c.any,options:c.object};var L=function(e){var n=t.useContext(T);return P(n,e)},A=function(e){var n=t.useContext(R);return _(n,e)},z=function(){return L("calls useElements()").elements},N=function(){return L("calls useStripe()").stripe},I=function(){return A("calls useCartElement()").cart},D=function(){return A("calls useCartElementState()").cartState},F=function(e){return(0,e.children)(L("mounts "))};F.propTypes={children:c.func.isRequired};var W=function(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e}),[e]),function(){n.current&&n.current.apply(n,arguments)}},B=function(){},H=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},V=function(e,n){var r="".concat(H(e),"Element"),o=n?function(e){L("mounts <".concat(r,">")),A("mounts <".concat(r,">"));var n=e.id,o=e.className;return t.createElement("div",{id:n,className:o})}:function(n){var o=n.id,i=n.className,a=n.options,c=void 0===a?{}:a,u=n.onBlur,l=void 0===u?B:u,s=n.onFocus,f=void 0===s?B:s,d=n.onReady,p=void 0===d?B:d,h=n.onChange,v=void 0===h?B:h,m=n.onEscape,b=void 0===m?B:m,g=n.onClick,w=void 0===g?B:g,O=n.onLoadError,x=void 0===O?B:O,S=n.onLoaderStart,j=void 0===S?B:S,E=n.onNetworksChange,C=void 0===E?B:E,T=n.onCheckout,P=void 0===T?B:T,R=n.onLineItemClick,_=void 0===R?B:R,M=n.onConfirm,z=void 0===M?B:M,N=n.onCancel,I=void 0===N?B:N,D=n.onShippingAddressChange,F=void 0===D?B:D,H=n.onShippingRateChange,V=void 0===H?B:H,U=L("mounts <".concat(r,">")).elements,$=t.useRef(null),q=t.useRef(null),K=A("mounts <".concat(r,">")),Y=K.setCart,G=K.setCartState,X=W(p),Q=W(l),J=W(f),Z=W(w),ee=W(v),te=W(b),ne=W(x),re=W(j),oe=W(C),ie=W(P),ae=W(_),ce=W(z),ue=W(I),le=W(F),se=W(V);t.useLayoutEffect((function(){if(null==$.current&&U&&null!=q.current){var t=U.create(e,c);"cart"===e&&Y&&Y(t),$.current=t,t.mount(q.current),t.on("ready",(function(n){"cart"===e?(G&&G(n),X(n)):X("payButton"===e?n:t)})),t.on("change",(function(t){"cart"===e&&G&&G(t),ee(t)})),t.on("blur",Q),t.on("focus",J),t.on("escape",te),t.on("loaderror",ne),t.on("loaderstart",re),t.on("networkschange",oe),t.on("click",Z),t.on("checkout",(function(t){"cart"===e&&G&&G(t),ie(t)})),t.on("lineitemclick",ae),t.on("confirm",ce),t.on("cancel",ue),t.on("shippingaddresschange",le),t.on("shippingratechange",se)}}));var fe=y(c);return t.useEffect((function(){if($.current){var e=k(c,fe,["paymentRequest"]);e&&$.current.update(e)}}),[c,fe]),t.useLayoutEffect((function(){return function(){$.current&&($.current.destroy(),$.current=null)}}),[]),t.createElement("div",{id:o,className:i,ref:q})};return o.propTypes={id:c.string,className:c.string,onChange:c.func,onBlur:c.func,onFocus:c.func,onReady:c.func,onEscape:c.func,onClick:c.func,onLoadError:c.func,onLoaderStart:c.func,onNetworksChange:c.func,onCheckout:c.func,onLineItemClick:c.func,onConfirm:c.func,onCancel:c.func,onShippingAddressChange:c.func,onShippingRateChange:c.func,options:c.object},o.displayName=r,o.__elementType=e,o},U="undefined"===typeof window,$=V("auBankAccount",U),q=V("card",U),K=V("cardNumber",U),Y=V("cardExpiry",U),G=V("cardCvc",U),X=V("fpxBank",U),Q=V("iban",U),J=V("idealBank",U),Z=V("p24Bank",U),ee=V("epsBank",U),te=V("payment",U),ne=V("payButton",U),re=V("paymentRequestButton",U),oe=V("linkAuthentication",U),ie=V("address",U),ae=V("shippingAddress",U),ce=V("cart",U),ue=V("paymentMethodMessaging",U),le=V("affirmMessage",U),se=V("afterpayClearpayMessage",U);e.AddressElement=ie,e.AffirmMessageElement=le,e.AfterpayClearpayMessageElement=se,e.AuBankAccountElement=$,e.CardCvcElement=G,e.CardElement=q,e.CardExpiryElement=Y,e.CardNumberElement=K,e.CartElement=ce,e.Elements=M,e.ElementsConsumer=F,e.EpsBankElement=ee,e.FpxBankElement=X,e.IbanElement=Q,e.IdealBankElement=J,e.LinkAuthenticationElement=oe,e.P24BankElement=Z,e.PayButtonElement=ne,e.PaymentElement=te,e.PaymentMethodMessagingElement=ue,e.PaymentRequestButtonElement=re,e.ShippingAddressElement=ae,e.useCartElement=I,e.useCartElementState=D,e.useElements=z,e.useStripe=N,Object.defineProperty(e,"__esModule",{value:!0})}(t,n(2))},function(e,t,n){"use strict";n.d(t,"b",(function(){return x})),n.d(t,"a",(function(){return k}));var r=n(13),o=n(11),i=n(7),a=n(3),c=n(59),u=n(254),l=n(135),s=["variant"];function f(e){return 0===e.length}function d(e){var t=e.variant,n=Object(i.a)(e,s),r=t||"";return Object.keys(n).sort().forEach((function(t){r+="color"===t?f(r)?e[t]:Object(l.a)(e[t]):"".concat(f(r)?t:Object(l.a)(t)).concat(Object(l.a)(e[t].toString()))})),r}var p=n(245),h=["name","slot","skipVariantsResolver","skipSx","overridesResolver"],v=["theme"],m=["theme"];function b(e){return 0===Object.keys(e).length}function y(e){return"string"===typeof e&&e.charCodeAt(0)>96}var g=function(e,t){return t.components&&t.components[e]&&t.components[e].styleOverrides?t.components[e].styleOverrides:null},w=function(e,t){var n=[];t&&t.components&&t.components[e]&&t.components[e].variants&&(n=t.components[e].variants);var r={};return n.forEach((function(e){var t=d(e.props);r[t]=e.style})),r},O=function(e,t,n,r){var o,i,a=e.ownerState,c=void 0===a?{}:a,u=[],l=null==n||null==(o=n.components)||null==(i=o[r])?void 0:i.variants;return l&&l.forEach((function(n){var r=!0;Object.keys(n.props).forEach((function(t){c[t]!==n.props[t]&&e[t]!==n.props[t]&&(r=!1)})),r&&u.push(t[d(n.props)])})),u};function x(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}var S=Object(u.a)();function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.defaultTheme,n=void 0===t?S:t,u=e.rootShouldForwardProp,l=void 0===u?x:u,s=e.slotShouldForwardProp,f=void 0===s?x:s,d=e.styleFunctionSx,k=void 0===d?p.a:d,j=function(e){var t=b(e.theme)?n:e.theme;return k(Object(a.a)({},e,{theme:t}))};return j.__mui_systemSx=!0,function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object(c.b)(e,(function(e){return e.filter((function(e){return!(null!=e&&e.__mui_systemSx)}))}));var u,s=t.name,d=t.slot,p=t.skipVariantsResolver,S=t.skipSx,k=t.overridesResolver,E=Object(i.a)(t,h),C=void 0!==p?p:d&&"Root"!==d||!1,T=S||!1;var P=x;"Root"===d?P=l:d?P=f:y(e)&&(P=void 0);var R=Object(c.a)(e,Object(a.a)({shouldForwardProp:P,label:u},E)),_=function(e){for(var t=arguments.length,c=new Array(t>1?t-1:0),u=1;u0){var p=new Array(d).fill("");(f=[].concat(Object(r.a)(e),Object(r.a)(p))).raw=[].concat(Object(r.a)(e.raw),Object(r.a)(p))}else"function"===typeof e&&e.__emotion_real!==e&&(f=function(t){var r=t.theme,o=Object(i.a)(t,m);return e(Object(a.a)({theme:b(r)?n:r},o))});var h=R.apply(void 0,[f].concat(Object(r.a)(l)));return h};return R.withConfig&&(_.withConfig=R.withConfig),_}}},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(r){"object"===typeof window&&(n=window)}e.exports=n},function(e,t,n){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=arguments.length,o=new Array(r),i=0;i2||I(P)>3?"":" "}function H(e,t){for(;--t&&L()&&!(P<48||P>102||P>57&&P<65||P>70&&P<97););return N(e,z()+(t<6&&32==A()&&32==L()))}function V(e){for(;L();)switch(P){case e:return T;case 34:case 39:34!==e&&39!==e&&V(P);break;case 40:41===e&&V(e);break;case 92:L()}return T}function U(e,t){for(;L()&&e+P!==57&&(e+P!==84||47!==A()););return"/*"+N(t,T-1)+"*"+d(47===e?e:L())}function $(e){for(;!I(A());)L();return N(e,T)}function q(e){return F(K("",null,null,null,[""],e=D(e),0,[0],e))}function K(e,t,n,r,o,i,a,c,u){for(var l=0,s=0,f=a,p=0,h=0,v=0,m=1,w=1,x=1,k=0,C="",_=o,M=i,N=r,I=C;w;)switch(v=k,k=L()){case 40:if(108!=v&&58==g(I,f-1)){-1!=y(I+=b(W(k),"&","&\f"),"&\f")&&(x=-1);break}case 34:case 39:case 91:I+=W(k);break;case 9:case 10:case 13:case 32:I+=B(v);break;case 92:I+=H(z()-1,7);continue;case 47:switch(A()){case 42:case 47:S(G(U(L(),z()),t,n),u);break;default:I+="/"}break;case 123*m:c[l++]=O(I)*x;case 125*m:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+s:h>0&&O(I)-f&&S(h>32?X(I+";",r,n,f-1):X(b(I," ","")+";",r,n,f-2),u);break;case 59:I+=";";default:if(S(N=Y(I,t,n,l,s,o,c,C,_=[],M=[],f),i),123===k)if(0===s)K(I,t,N,N,_,i,f,c,M);else switch(99===p&&110===g(I,3)?100:p){case 100:case 109:case 115:K(e,N,N,r&&S(Y(e,N,N,0,0,o,c,C,o,_=[],f),M),o,M,f,c,r?_:M);break;default:K(I,N,N,N,[""],M,0,c,M)}}l=s=h=0,m=x=1,C=I="",f=a;break;case 58:f=1+O(I),h=v;default:if(m<1)if(123==k)--m;else if(125==k&&0==m++&&125==(P=T>0?g(R,--T):0,E--,10===P&&(E=1,j--),P))continue;switch(I+=d(k),k*m){case 38:x=s>0?1:(I+="\f",-1);break;case 44:c[l++]=(O(I)-1)*x,x=1;break;case 64:45===A()&&(I+=W(L())),p=A(),s=f=O(C=I+=$(z())),k++;break;case 45:45===v&&2==O(I)&&(m=0)}}return i}function Y(e,t,n,r,o,i,a,c,l,s,d){for(var p=o-1,h=0===o?i:[""],m=x(h),y=0,g=0,O=0;y0?h[S]+" "+k:b(k,/&\f/g,h[S])))&&(l[O++]=j);return _(e,t,n,0===o?u:c,l,s,d)}function G(e,t,n){return _(e,t,n,c,d(P),w(e,2,-2),0)}function X(e,t,n,r){return _(e,t,n,l,w(e,0,r),w(e,r+1,-1),r)}function Q(e,t){for(var n="",r=x(e),o=0;o6)switch(g(e,t+1)){case 109:if(45!==g(e,t+4))break;case 102:return b(e,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3$1"+i+(108==g(e,t+3)?"$3":"$2-$3"))+e;case 115:return~y(e,"stretch")?ie(b(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==g(e,t+1))break;case 6444:switch(g(e,O(e)-3-(~y(e,"!important")&&10))){case 107:return b(e,":",":"+a)+e;case 101:return b(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(45===g(e,14)?"inline-":"")+"box$3$1"+a+"$2$3$1"+o+"$2box$3")+e}break;case 5936:switch(g(e,t+11)){case 114:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return a+e+o+e+e}return e}var ae=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case l:e.return=ie(e.value,e.length);break;case s:return Q([M(e,{value:b(e.value,"@","@"+a)})],r);case u:if(e.length)return k(e.props,(function(t){switch(m(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Q([M(e,{props:[b(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return Q([M(e,{props:[b(t,/:(plac\w+)/,":"+a+"input-$1")]}),M(e,{props:[b(t,/:(plac\w+)/,":-moz-$1")]}),M(e,{props:[b(t,/:(plac\w+)/,o+"input-$1")]})],r)}return""}))}}];t.a=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o=e.stylisPlugins||ae;var i,a,c={},u=[];i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n2&&void 0!==arguments[2]?arguments[2]:{clone:!0},a=n.clone?Object(r.a)({},e):e;return o(e)&&o(t)&&Object.keys(t).forEach((function(r){"__proto__"!==r&&(o(t[r])&&r in e&&o(e[r])?a[r]=i(e[r],t[r],n):a[r]=t[r])})),a}},,,,,function(e,t,n){"use strict";function r(e){try{return h.insertRule(e,h.cssRules.length)}catch(e){console.warn("react-reveal - animation failed")}}function o(){s||(t.globalHide=s=!0,window.removeEventListener("scroll",o,!0),r("."+i+" { opacity: 0; }"),window.removeEventListener("orientationchange",o,!0),window.document.removeEventListener("visibilitychange",o))}Object.defineProperty(t,"__esModule",{value:!0}),t.insertRule=r,t.cascade=function(e,t,n,r,o){var i=Math.log(r),a=(Math.log(o)-i)/(n-t);return Math.exp(i+a*(e-t))},t.animation=function(e){if(!h)return"";var t="@keyframes "+(v+d)+"{"+e+"}",n=p[e];return n?""+v+n:(h.insertRule(t,h.cssRules.length),p[e]=d,""+v+d++)},t.hideAll=o,t.default=function(e){var n=e.ssrFadeout;t.fadeOutEnabled=n};var i=t.namespace="react-reveal",a=(t.defaults={duration:1e3,delay:0,count:1},t.ssr=!0),c=t.observerMode=!1,u=t.raf=function(e){return window.setTimeout(e,66)},l=t.disableSsr=function(){return t.ssr=a=!1},s=(t.fadeOutEnabled=!1,t.ssrFadeout=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t.fadeOutEnabled=e},t.globalHide=!1),f=(t.ie10=!1,t.collapseend=void 0),d=1,p={},h=!1,v=i+"-"+Math.floor(1e15*Math.random())+"-";if("undefined"!=typeof window&&"nodejs"!==window.name&&window.document&&"undefined"!=typeof navigator){t.observerMode=c="IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype&&/\{\s*\[native code\]\s*\}/.test(""+IntersectionObserver),t.raf=u=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||u,t.ssr=a=window.document.querySelectorAll("div[data-reactroot]").length>0,-1!==navigator.appVersion.indexOf("MSIE 10")&&(t.ie10=!0),a&&"performance"in window&&"timing"in window.performance&&"domContentLoadedEventEnd"in window.performance.timing&&window.performance.timing.domLoading&&Date.now()-window.performance.timing.domLoading<300&&(t.ssr=a=!1),a&&window.setTimeout(l,1500),c||(t.collapseend=f=document.createEvent("Event"),f.initEvent("collapseend",!0,!0));var m=document.createElement("style");document.head.appendChild(m),m.sheet&&m.sheet.cssRules&&m.sheet.insertRule&&(h=m.sheet,window.addEventListener("scroll",o,!0),window.addEventListener("orientationchange",o,!0),window.document.addEventListener("visibilitychange",o))}},function(e,t,n){"use strict";e.exports=n(152)},function(e,t){e.exports={isFunction:function(e){return"function"===typeof e},isArray:function(e){return"[object Array]"===Object.prototype.toString.apply(e)},each:function(e,t){for(var n=0,r=e.length;n1)for(var n=1;n