From 55d088758308fb87ebccdc1135539f72ab50a8f0 Mon Sep 17 00:00:00 2001 From: mathcodes Date: Sun, 27 Nov 2022 23:37:44 -0500 Subject: [PATCH 1/2] fb int --- public/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/index.html b/public/index.html index 2b08506..2f1df2b 100644 --- a/public/index.html +++ b/public/index.html @@ -8,7 +8,7 @@ - + Portfolio From 854fe6e5e5ee6b6ff49a84b5db1f61b810d0e232 Mon Sep 17 00:00:00 2001 From: mathcodes Date: Sun, 27 Nov 2022 23:55:32 -0500 Subject: [PATCH 2/2] nov updated --- build/asset-manifest.json | 15 +++++++++++++++ build/index.html | 6 +++++- build/static/css/main.ba96582f.chunk.css | 2 ++ build/static/css/main.ba96582f.chunk.css.map | 1 + build/static/js/main.ac6118f4.chunk.js | 2 ++ build/static/js/main.ac6118f4.chunk.js.map | 1 + package.json | 6 +++--- 7 files changed, 29 insertions(+), 4 deletions(-) create mode 100644 build/static/css/main.ba96582f.chunk.css create mode 100644 build/static/css/main.ba96582f.chunk.css.map create mode 100644 build/static/js/main.ac6118f4.chunk.js create mode 100644 build/static/js/main.ac6118f4.chunk.js.map diff --git a/build/asset-manifest.json b/build/asset-manifest.json index 9dbe63f..afcb8e1 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,8 +1,14 @@ { "files": { +<<<<<<< HEAD "main.css": "/static/css/main.8bba0d8c.chunk.css", "main.js": "/static/js/main.295a0fda.chunk.js", "main.js.map": "/static/js/main.295a0fda.chunk.js.map", +======= + "main.css": "/static/css/main.ba96582f.chunk.css", + "main.js": "/static/js/main.ac6118f4.chunk.js", + "main.js.map": "/static/js/main.ac6118f4.chunk.js.map", +>>>>>>> 5dbcac5 (nov updated) "runtime-main.js": "/static/js/runtime-main.cb89c5a1.js", "runtime-main.js.map": "/static/js/runtime-main.cb89c5a1.js.map", "static/css/2.65f8c46c.chunk.css": "/static/css/2.65f8c46c.chunk.css", @@ -12,7 +18,11 @@ "static/js/3.ea174584.chunk.js.map": "/static/js/3.ea174584.chunk.js.map", "index.html": "/index.html", "static/css/2.65f8c46c.chunk.css.map": "/static/css/2.65f8c46c.chunk.css.map", +<<<<<<< HEAD "static/css/main.8bba0d8c.chunk.css.map": "/static/css/main.8bba0d8c.chunk.css.map", +======= + "static/css/main.ba96582f.chunk.css.map": "/static/css/main.ba96582f.chunk.css.map", +>>>>>>> 5dbcac5 (nov updated) "static/js/2.09d8be7a.chunk.js.LICENSE.txt": "/static/js/2.09d8be7a.chunk.js.LICENSE.txt", "static/media/index.css": "/static/media/BestermindRegular.e58a1922.ttf", "static/media/JCircle.396647e0.png": "/static/media/JCircle.396647e0.png", @@ -117,7 +127,12 @@ "static/js/runtime-main.cb89c5a1.js", "static/css/2.65f8c46c.chunk.css", "static/js/2.09d8be7a.chunk.js", +<<<<<<< HEAD "static/css/main.8bba0d8c.chunk.css", "static/js/main.295a0fda.chunk.js" +======= + "static/css/main.ba96582f.chunk.css", + "static/js/main.ac6118f4.chunk.js" +>>>>>>> 5dbcac5 (nov updated) ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index 914c200..7114438 100644 --- a/build/index.html +++ b/build/index.html @@ -1 +1,5 @@ -Portfolio
\ No newline at end of file +<<<<<<< HEAD +Portfolio
+======= +Portfolio
+>>>>>>> 5dbcac5 (nov updated) diff --git a/build/static/css/main.ba96582f.chunk.css b/build/static/css/main.ba96582f.chunk.css new file mode 100644 index 0000000..47b21dc --- /dev/null +++ b/build/static/css/main.ba96582f.chunk.css @@ -0,0 +1,2 @@ +@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);@import url(https://fonts.googleapis.com/css?family=Exo:400,700);@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)}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:var(--primary)}*{box-sizing:border-box}a{text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2d3334;background:var(--primary)}::-webkit-scrollbar-thumb{background:#ffb908;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:#ffb908}@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%;align-items:flex-end}.landing--container-left,.lcl--content{display:flex;justify-content:flex-start}.lcl--content{margin:3rem;width:100%;align-items:center}.landing--social{font-size:35px;margin:0 1rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.landing--social:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.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}@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;width:200px;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--container-right{box-sizing:border-box;flex:initial;height:70%;width:100%;background-color:#212121;align-items:center;justify-content:center;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:500px){.lcr--content{margin-top:35%}}@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%}}.about{min-height:100vh;position:relative;top:1px solid #fff;background:linear-gradient(#222,#444 75%,#2d3334)}.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}}.background{max-height:0;position:relative}*{margin:0;padding:0}body{font-family:"Exo",sans-serif}.context{width:100%;position:absolute;top:50vh}.context h1{text-align:center;color:#fff;font-size:50px}.area{width:20%}.circles,.circles2{position:absolute;top:0;left:20;right:20;margin:25px;width:80%;height:100%;overflow:revert}.circles li{transition:all 0;position:absolute;display:flex;justify-content:center;vertical-align:middle;list-style:none;width:40px;height:20px;-webkit-animation:animate 25s infinite alternate;animation:animate 25s infinite alternate;bottom:-50px;color:#ffb908;font-size:300%}.circles li:first-child{left:5%;width:80px;height:80px}.circles li:first-child,.circles li:nth-child(2){transition:all 0;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-duration:12s;animation-duration:12s}.circles li:nth-child(3){left:15%;width:20px;height:20px}.circles li:nth-child(3),.circles li:nth-child(4){transition:all 0;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(4){left:20%;width:60px;height:60px;-webkit-animation-duration:12s;animation-duration:12s}.circles li:nth-child(5){left:25%;width:20px;height:20px}.circles li:nth-child(5),.circles li:nth-child(6){transition:all 0;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(6){left:30%;width:110px;height:110px}.circles li:nth-child(7){left:50%;width:150px;height:150px}.circles li:nth-child(7),.circles li:nth-child(8){transition:all 0;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(8){left:65%;width:25px;height:25px;-webkit-animation-duration:22s;animation-duration:22s}.circles li:nth-child(9){left:80%;top:5%;width:15px;height:15px;-webkit-animation-duration:13s;animation-duration:13s}.circles li:nth-child(9),.circles li:nth-child(10){transition:all 0;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(10){left:90%;width:150px;height:150px;-webkit-animation-duration:11s;animation-duration:11s}.circles2 li{transition:all 0;position:absolute;display:flex;justify-content:center;vertical-align:middle;list-style:none;width:40px;height:20px;-webkit-animation:animate 25s infinite alternate;animation:animate 25s infinite alternate;bottom:-150px;color:#ffb908;font-size:300%}.circles2 li:first-child{left:35%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.circles2 li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:12s;animation-duration:12s}.circles2 li:nth-child(3){left:80%;width:30px;height:25px;-webkit-animation-delay:0s;animation-delay:0s;border-radius:50%}.circles2 li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s}.circles2 li:nth-child(5){bottom:0;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s}.circles2 li:nth-child(6){left:75%;width:110px;height:110px;-webkit-animation-delay:0s;animation-delay:0s}.circles2 li:nth-child(7){left:35%;-webkit-animation-delay:0s;animation-delay:0s}.circles2 li:nth-child(8){left:-20;width:25px;height:25px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:15s;animation-duration:15s}.circles2 li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:114s;animation-duration:114s}.circles2 li:nth-child(10){left:85%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}#root>div>div:first-child>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:first-child>div>div,#root>div>div:first-child>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(2)>div>div,#root>div>div:first-child>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(3)>div>div,#root>div>div:first-child>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(4)>div>div{justify-content:center;display:flex;flex-direction:row;align-items:center;width:100%;color:#ffb908}.skills{flex-direction:column;justify-content:flex-start;min-height:60vh;padding:2.5rem 2rem 2rem}.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:3.5rem;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:#475960,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:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(#222,#777 50%,#ffb908);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}.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;height:500px;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{margin:3rem;height:4rem;width:18rem;display:flex;align-items:flex;justify-content:"center",}.hand{display:flex;-webkit-animation:blink 3s infinite;animation:blink 3s infinite}.hand:before{display:none}.blink{-webkit-animation:blinker 2.2s linear infinite;animation:blinker 2.2s linear infinite}.blink,.blink2{color:#fff;width:100px;font-weight:700}.blink2{-webkit-animation:blinker 2.4s linear infinite;animation:blinker 2.4s linear infinite}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.projects{flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:2rem}.projects,.projects--header{display:flex;align-items:center}.projects--header{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}.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:100;background-color:#417f88}.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:1rem;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:95%;height:160px;left:0;top:0;font-size:.75rem;color:#fff!important;border:2px solid #fff;-webkit-transform:translate(-110%,40%);transform:translate(-110%,40%);padding:15px;border-radius:0 20px 20px 0;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}.singleProject:hover .project--desc{-webkit-transform:translate(2px,5rem);transform:translate(2px,5rem)}.singleProject .project--lang{position:absolute;bottom:20px;right:0;width:140px;font-size:.8rem;color:#fff!important;background-color:#417f88;border:2px solid #fff;display:flex;justify-content:center;grid-gap:.5rem;gap:.5rem;flex-direction:column;border-radius:10px 0 0 10px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s .3s;transition:transform .5s .3s;transition:transform .5s .3s,-webkit-transform .5s .3s;padding:.825rem}.singleProject:hover .project--lang{-webkit-transform:translateX(0);transform:translateX(0)}.project--lang>span{font-family:var(--primaryFont);font-weight:500;word-break:break-word;line-height:100%}.services{min-height:100vh;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{display:flex;align-items:center;justify-content:center;grid-gap:4.5rem;gap:4.5rem;width:100%;flex-wrap:wrap}@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{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{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}}.submitBtn{background:#2d3334}.contactsHead{background:linear-gradient(#222,#ffb908)}.contactHeader{font-size:48px;line-height:6rem;color:#2d3334;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:#ffb908}.contacts{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;background:linear-gradient(#ffb908,#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:#ffb908;cursor:pointer;text-decoration:none;-webkit-transition:all 0s;transition:all 0s}a:-webkit-any-link:hover{background-color:#2d3334;color:#212121;font-weight:400}.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;color:#ffb908;font-weight:400;background-color:rgba(211,84,0,0);border-radius:10px;padding:5px;transition:all .5s}.personal-details,.personal-details:hover{-webkit-text-decoration:wavy;text-decoration:wavy}.personal-details:hover{background-color:#2d3334;color:#212121;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:"#2d3334";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:"#667";background-color:"#2d3334"}.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:#2d3334;-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;flex-direction:column}.css-pjjdvz,.footer{display:flex;align-items:center}.footer{font-family:"var(--primaryFont)",sans-serif;width:100%;justify-content:center;color:#ffb908}.footer p{font-weight:500;font-family:var(--secondary70);font-size:18px;color:#ffb908}.footer p span{font-size:24px;color:#ffb908}.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}}:root{--primaryFont:"Poppins",sans-serif;--primary:#2d3334;--white:#fff}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:#2d3334} +/*# sourceMappingURL=main.ba96582f.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.ba96582f.chunk.css.map b/build/static/css/main.ba96582f.chunk.css.map new file mode 100644 index 0000000..99be298 --- /dev/null +++ b/build/static/css/main.ba96582f.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.ba96582f.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/Background/Background.css","webpack://src/components/Skills/Skills.css","webpack://src/components/Testimonials/Testimonials.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/PreContact/PreContact.css","webpack://src/components/Footer/Footer.css","webpack://src/pages/ThankYou/ThankYou.css","webpack://src/App.css"],"names":[],"mappings":"AAAA,+GAA+G,CAC/G,kHAAkH,CAClH,mHAAmH,CACnH,wGAAwG,CACxG,+JAA+J,CAC/J,gJAAgJ,CAChJ,0FAA0F,CAC1F,gEAAgE,CCChE,WACE,+BAAgC,CAChC,qDAA2D,CAC3D,uJAEF,CACA,KACE,wCAEF,CAKA,wIACE,oBACF,CACA,EAEE,qBACF,CAEA,EACE,oBACF,CAIA,oBACI,UAAW,CACX,WACJ,CACA,0BACI,kBAA2B,CAA3B,yBACJ,CACA,0BACI,kBAAoB,CACtB,kBAAmB,CACnB,uBAAgB,CAAhB,eACF,CAEA,IACE,0BAA2B,CACzB,wBAAyB,CAIjB,gBAEZ,CAEA,0BACE,aACF,CAIA,oCACE,KACE,iBACF,CACF,CAEA,8IACI,KACE,iBACF,CACJ,CC3EA,QACE,aAAc,CACd,iBAAkB,CAClB,wBAA6B,CAC7B,UAAW,CAGX,sBAEF,CAEA,2BANE,YAAa,CACb,kBAAmB,CAEnB,UAUF,CAPA,mBAGE,6BAA8B,CAE9B,cAAe,CACf,eACF,CAEA,sBACE,+BAAgC,CAChC,sBAAuB,CACvB,gBAAiB,CACjB,wBAAiB,CAAjB,gBACF,CAEA,oBACE,eACF,CAEA,0BACE,uCAA6C,CAC7C,4CAAsC,CAAtC,oCACF,CAGA,0BACE,mBACE,cACF,CAMA,gCAHE,gBAMF,CAHA,UAEE,kBACF,CACF,CAEA,yBACE,oBACE,eACF,CACF,CAEA,yBACE,UACE,oBACF,CAEA,sBACE,cACF,CAEA,gBACE,sBACF,CAEA,iBACE,yBACF,CACF,CAEA,8IACE,QACE,WACF,CAEA,mBACE,cAAe,CACf,YACF,CAEA,sBACE,gBACF,CACF,CCzFA,SACE,YAIF,CAEA,6BALE,YAAa,CACb,kBAAmB,CACnB,sBAUF,CAPA,oBAIE,WAAY,CACZ,UAAU,CACV,iBACF,CAEA,cACE,SAAU,CACV,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,kCAA2B,CAA3B,0BAA2B,CAC3B,qBAAsB,CACtB,sBAAuB,CACvB,gBAAiB,CACjB,iBAAkB,CAClB,kCAA2C,CAC3C,sBACF,CAEA,oBACE,SACF,CAEA,yBACE,UAAS,CACT,WAAY,CAEZ,oBAEF,CAIA,uCAPE,YAAa,CAEb,0BAWF,CANA,cACE,WAAY,CACZ,UAAW,CAEX,kBAEF,CAEA,iBACE,cAAe,CACf,aAAc,CACd,gCAA0B,CAA1B,wBAA0B,CAA1B,8CACF,CAEA,uBACE,4BAAqB,CAArB,oBACF,CAEA,0BACE,UAAS,CACT,WAAY,CACZ,wBAAyB,CACzB,YAAa,CACb,qBAAsB,CACtB,oBAAqB,CACrB,sBACF,CAEA,cACE,SAAU,CACV,iBAAkB,CAClB,8BAA+B,CAC/B,iBACF,CAEA,iBACE,eAAgB,CAChB,iBAAkB,CAClB,qBAAuB,CACvB,UACF,CAEA,iBACE,eAAgB,CAChB,iBAAkB,CAClB,gBAAiB,CACjB,aACF,CAEA,gBACE,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAClB,UACF,CAEA,qBACE,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAC9B,2CACF,CAEA,0BACE,cACE,gBACF,CACA,cACE,WACF,CAEA,iBACE,gBACF,CAEA,iBACE,cACF,CAEA,gBACE,gBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAChB,cACF,CAEA,qBACE,eAAgB,CAChB,qBAAsB,CACtB,WAAY,CACZ,YAAa,CACb,sBACF,CACF,CAEA,yBACE,cACE,gBACF,CAEA,iBACE,cACF,CACA,cACE,SAAU,CACV,cAAe,CACf,eACF,CAEA,qBACE,eAAgB,CAChB,qBAAsB,CACtB,WAAY,CACZ,YAAa,CACb,sBACF,CACA,yCACE,YACF,CACF,CAEA,yBACE,oBACE,qBAAsB,CACtB,6BACF,CACA,cACE,YACF,CACA,yBACE,YAAa,CACb,UAAW,CACX,UACF,CACA,iBACE,YACF,CACA,0BACE,qBAAsB,CAEtB,YAAa,CACb,UAAW,CACX,UAAW,CACX,wBAAiC,CACjC,kBAAmB,CACnB,sBAAuB,CACvB,cACF,CACA,cACE,cAAe,CACf,cAAqB,CACrB,UACF,CACA,iBACE,cAAe,CACf,iBACF,CACA,iBACE,gBAAiB,CACj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CE,yBACE,gBACF,CAEA,oBACE,UACF,CAEA,2BACE,YACF,CAEA,sBACE,SACF,CAEA,iBACE,kBACF,CACF,CAEA,yBACE,aACE,cAAe,CACf,qBACF,CAEA,iBACE,kBAAmB,CACnB,gBACF,CAEA,mBACE,eAAiB,CACjB,SACF,CAEA,oBACE,gBACF,CAEA,oBACE,eACF,CACF,CAEA,yBACE,yBACE,gBACF,CAEA,2BACE,cACF,CAEA,sBACE,UACF,CAEA,aACE,UAAW,CACX,WACF,CAEA,iBACE,UACF,CAKF,CACA,QACE,WAEF,CACA,SACE,WAAW,CACX,WAAY,CACZ,WAAW,CACX,YAAa,CACd,gBAAiB,CAChB,yBACF,CACA,MACE,YAAY,CACZ,mCAAoC,CACpC,2BACF,CAEA,aACE,YACF,CAEA,OACE,8CAAuC,CAAvC,sCAIF,CAGA,eANE,UAAW,CACX,WAAW,CACX,eAUF,CANA,QACE,8CAAuC,CAAvC,sCAKF,CAEA,2BACE,IACE,SACF,CACF,CAJA,mBACE,IACE,SACF,CACF,CCjTA,UAEE,qBAAsB,CAEtB,0BAA2B,CAC3B,gBAAiB,CACjB,iBAAkB,CAClB,YACF,CAEA,4BATE,YAAa,CAEb,kBAaF,CANA,kBAGE,sBAAuB,CACvB,UAAW,CACX,WACF,CAEA,qBACE,kBAAmB,CACnB,gBAAiB,CACjB,8BACF,CAEA,gBAGE,qBAGF,CAEA,yCAPE,UAAW,CACX,YAAa,CAEb,kBAAmB,CACnB,sBASF,CANA,yBAIE,eAAW,CAAX,UAEF,CAEA,mBACE,UAAW,CACX,YAAa,CACb,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,eACF,CAIA,8BAEE,SACF,CAEA,0CAEE,WAAY,CACZ,wBAEF,CAEA,OACE,SACF,CAGA,oCACE,yBACE,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,sBAAuB,CACvB,UACF,CACF,CACA,oCACE,yBACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAEF,CACF,CAEA,oCACE,qBACE,cAAe,CACf,kBACF,CACA,uBACE,UAAW,CACX,UAAW,CACX,0BACF,CACF,CCjGA,eACE,sCAA2C,CAC3C,WAAY,CACZ,YAAa,CACb,kBAAmB,CAInB,sBAAuB,CACvB,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,eACF,CAEA,+BAVE,YAAa,CACb,qBAAsB,CACtB,kBAgBF,CARA,gBAIE,6BAA8B,CAC9B,UAAW,CACX,WAAY,CACZ,UACF,CAEA,mBACE,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,cAAe,CACf,gBAAiB,CACjB,iBACF,CAEA,oBACE,SAAU,CACV,UAAW,CACX,0BACF,CAEA,yBACE,SACF,CAEA,sBACE,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,UACF,CAEA,wBACE,cAAe,CACf,oBAEF,CAOA,8BACE,iBAAkB,CAClB,SAAU,CACV,YAAa,CACb,MAAO,CACP,KAAM,CACN,gBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,sCAAgC,CAAhC,8BAAgC,CAChC,YAAa,CACb,2BAA4B,CAC5B,gCAA0B,CAA1B,wBAA0B,CAA1B,8CAA0B,CAC1B,gBAAiB,CACjB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,8BAA+B,CAC/B,aACF,CAEA,oCACE,qCAA+B,CAA/B,6BAEF,CAEA,8BACE,iBAAkB,CAClB,WAAY,CACZ,OAAQ,CACR,WAAY,CACZ,eAAiB,CACjB,oBAAqB,CACrB,wBAAyB,CACzB,qBAAsB,CAEtB,YAAa,CACb,sBAAuB,CACvB,cAAW,CAAX,SAAW,CACX,qBAAsB,CACtB,2BAA4B,CAC5B,kCAA2B,CAA3B,0BAA2B,CAC3B,oCAA+B,CAA/B,4BAA+B,CAA/B,sDAA+B,CAC/B,eACF,CAEA,oCACE,+BAAwB,CAAxB,uBACF,CAEA,oBACE,8BAA+B,CAC/B,eAAgB,CAChB,qBAAsB,CACtB,gBACF,CCrHA,UACE,gBAAiB,CAEjB,qBAAsB,CAEtB,0BAA2B,CAC3B,cACF,CAEA,2BAPE,YAAa,CAEb,kBAUF,CALA,iBAGE,sBAAuB,CACvB,UACF,CAEA,oBACE,kBAAmB,CACnB,gBAAiB,CACjB,8BACF,CAEA,eACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,0BAA2B,CAC3B,kBACF,CAEA,iBACE,8BAA+B,CAC/B,eAAgB,CAChB,gBAAkB,CAClB,SAAU,CACV,iBAAkB,CAClB,kBACF,CAEA,wBACE,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,eAAW,CAAX,UAAW,CACX,UAAW,CACX,cACF,CAGA,gDACE,UACE,cACF,CAEA,iBACE,SACF,CACF,CAEA,oCACE,UACE,cACF,CAEA,iBACE,iBAAkB,CAClB,SAAU,CACV,iBAAkB,CAClB,kBACF,CAEA,wBACE,eAAW,CAAX,UACF,CACF,CAEA,oCACE,UACE,YACF,CAEA,oBACE,cAAe,CACf,kBACF,CAEA,iBACE,iBAAkB,CAClB,SAAU,CACV,iBAAkB,CAClB,kBACF,CAEA,wBACE,aAAS,CAAT,QACF,CACF,CAEA,oCACE,UACE,aACF,CAEA,oBACE,gBAAiB,CACjB,kBACF,CASF,CCnHA,gBACE,sCAA2C,CAC3C,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,cAAsB,CACtB,4CAAuC,CAAvC,oCAAuC,CAAvC,sEACF,CAEA,sBACE,6BAAsB,CAAtB,qBACF,CAEA,iBACE,iBAAkB,CAClB,YAAa,CACb,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,YACF,CAEA,cACE,iBAAkB,CAClB,OACF,CAEA,kBACE,gBACF,CAEA,0BACE,4CAAsC,CAAtC,oCACF,CAEA,yBACE,MAEE,8BAA0B,CAA1B,sBACF,CAEA,IACE,mCAA8B,CAA9B,2BACF,CAEA,IACE,8BAA4B,CAA5B,sBACF,CAEA,IACE,mCAA8B,CAA9B,2BACF,CACF,CAjBA,iBACE,MAEE,8BAA0B,CAA1B,sBACF,CAEA,IACE,mCAA8B,CAA9B,2BACF,CAEA,IACE,8BAA4B,CAA5B,sBACF,CAEA,IACE,mCAA8B,CAA9B,2BACF,CACF,CAEA,oBACE,iBAAkB,CAClB,OAAQ,CACR,WAAY,CACZ,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,UACF,CAGA,oCACE,gBACE,WAAY,CACZ,YAAa,CACb,cACF,CAEA,kBACE,gBACF,CAEA,oBACE,cACF,CACF,CAEA,oCACE,gBACE,WAAY,CACZ,YAAa,CACb,cACF,CAEA,kBACE,gBACF,CAEA,oBACE,cAAe,CACf,OACF,CACF,CC3GA,WACE,cAAe,CACf,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,cAAe,CACf,WACF,CAEA,kBACE,YAAa,CACb,WAAY,CACZ,cAAe,CACf,eAAgB,CAChB,YACF,CAEA,oCACE,WACE,WAAY,CACZ,WAAY,CACZ,iBACF,CACF,CCvBA,WAEE,kBACF,CAQA,cAEE,wCACF,CAEA,eAGE,cAAe,CAGf,gBAAiB,CAKjB,aAAc,CACd,cAAe,CACf,gCAAkC,CAClC,iBAPF,CAWA,GAGE,kBACF,CAEA,SAEE,UAAW,CACX,oBAAqB,CACrB,UACF,CAEA,UAEE,UAAW,CACX,aACF,CAEA,GAEE,UAAW,CACX,oBAAqB,CACrB,uBAGF,CAEA,mBAEE,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,sBAAuB,CACvB,eAAW,CAAX,UAAW,CACX,WAAY,CACZ,aACF,CAIA,UAEE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,0BAA2B,CAC3B,iBAAkB,CAClB,wCAEF,CAIA,eAKE,WAAY,CACZ,mBACF,CAEA,eAEE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,0BAA2B,CAC3B,UACF,CAIA,mBAEE,aAAc,CACd,cAAe,CACf,oBAAqB,CACrB,yBAAkB,CAAlB,iBACF,CAEA,yBAEE,wBAAyB,CACzB,aAAc,CACd,eACF,CAEA,0BAGE,UAAW,CACX,WAAY,CACZ,YAAa,CACb,cAAe,CACf,2BAA6B,CAC7B,kBAAmB,CACnB,iBAAkB,CAClB,sBAAuB,CACvB,qBACF,CAEA,kBAEE,YAAa,CACb,sBAAuB,CACvB,4BAA6B,CAC7B,SAAU,CACV,qBAAsB,CACtB,iBAEF,CAEA,oBAEE,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CACjB,eAAgB,CAChB,8BAA+B,CAC/B,kBAAmB,CACnB,gBAAiB,CACjB,YAAa,CACb,6BACF,CAEA,kBAEE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,0BAA2B,CAC3B,UAAW,CACX,oBAAqB,CACrB,aAAc,CAEd,eAAgB,CAChB,iCAA2B,CAC3B,kBAAmB,CACnB,WAAY,CACZ,kBACF,CAEA,0CARI,4BAAqB,CAArB,oBAcJ,CANA,wBAGE,wBAAyB,CACzB,aAAc,CACd,eACF,CAKA,yBAEE,WAEE,YAAa,CACb,aAAc,CACd,mBAAoB,CACpB,gBAAiB,CACjB,cAAe,CACf,oBAAqB,CACrB,wBAAyB,CACzB,aAAc,CACd,uBAAwB,CACxB,8BACF,CAEA,iBAEE,YAAa,CACb,qBACF,CACF,CAEA,YAEE,uBAAwB,CACxB,eAAgB,CAChB,mBAAoB,CACpB,mBAAqB,CACrB,YAAa,CACb,aAAc,CACd,cAAe,CACf,oBAAqB,CACrB,wBAAyB,CACzB,gBAAiB,CACjB,8BAA+B,CAC/B,aACF,CAEA,kBAEE,8BAAuB,CAAvB,sBAAuB,CACvB,YAAa,CACb,0BACF,CAEA,eAEE,iBAAkB,CAClB,OAAQ,CACR,QAEF,CAEA,2BAEE,YACF,CAGA,sBAGE,kBACF,CAIA,oCAEE,eAEE,YACF,CAKA,oBAEE,gBAAiB,CAEjB,kBACF,CACF,CAEA,oCAGE,kBAEE,YAAa,CACb,kBAAmB,CACnB,eAAiB,CACjB,kBAAmB,CACnB,0BAA2B,CAC3B,UAAW,CACX,oBAAqB,CACrB,aAAc,CACd,4BAAqB,CAArB,oBAAqB,CACrB,eAAgB,CAChB,iCAA2B,CAC3B,kBAAmB,CACnB,WAAY,CACZ,kBACF,CAIA,gBAEE,eACF,CAIA,mBAEE,kBACF,CAEA,eAEE,YAAa,CACb,QAEF,CAEA,YAEE,oBACF,CAEA,oBAEE,oBACF,CAEA,kBAGE,YAAa,CACb,kBAAmB,CACnB,eAEF,CACA,kBAEE,oBACF,CAEA,oBAEE,kBAAmB,CACnB,SACF,CACF,CAEA,oCAEE,eAEE,YAAa,CACb,QACF,CACF,CAGA,WAEE,cACF,CAEA,gBACE,mBACF,CAEA,YACE,eAAgB,CAChB,gBAAiB,CAOjB,qBAMF,CC7XA,oBDoXE,YAAa,CAOb,kBCpXF,CAPA,QACE,2CAA6C,CAC7C,UAAW,CAEX,sBAAuB,CAEvB,aACF,CAEA,UACE,eAAgB,CAChB,8BAA+B,CAC/B,cAAe,CACf,aACF,CAEA,eACE,cAAe,CACf,aACF,CCnBA,aACE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,0BAA2B,CAC3B,gBACF,CAEA,oBACE,WAAY,CACZ,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,iBACF,CAEA,uBACE,cAAe,CACf,8BACF,CAEA,uBACE,iBAAkB,CAClB,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,0BACF,CAEA,oBACE,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,sBACF,CAEA,mBACE,eAAgB,CAChB,UACF,CAEA,cACE,YAAa,CACb,aAAS,CAAT,QACF,CAGA,oCACE,oBACE,WAAY,CACZ,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,sBACF,CAEA,cACE,aAAS,CAAT,QACF,CACF,CAEA,oCACE,cACE,eAAW,CAAX,UACF,CACF,CAEA,oCACE,uBACE,cACF,CACF,CAEA,oCACE,oBACE,WACF,CAEA,uBACE,gBACF,CACF,CCnFA,MAEE,kCAAoC,CAEpC,iBAAmB,CACnB,YACF,CAEA,wIACE,aACF","file":"main.ba96582f.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@import url(https://fonts.googleapis.com/css?family=Exo:400,700);\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: #2d3334;\n --white: #ffffff;\n}\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #2d3334;\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: #2d3334;\n background: var(--primary);\n}\n::-webkit-scrollbar-thumb {\n background: #FFB908;\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: #FFB908;\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.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\n\n.lcl--content {\n margin: 3rem;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.landing--social {\n font-size: 35px;\n margin: 0 1rem;\n transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n transition: transform 0.5s, -webkit-transform 0.5s;\n}\n\n.landing--social:hover {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\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@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 .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@media (max-width: 500px) {\n .lcr--content {\n margin-top: 35%;\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.about {\n min-height: 100vh;\n position: relative;\n top: 1px solid #fff;\n background: linear-gradient(#222 0%, #444 75%, #2d3334 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.background\n{\n max-height: 0;\n position: relative;\n}\n\n*\n{\n margin: 0px;\n padding: 0px;\n}\n\nbody\n{\n font-family: 'Exo', sans-serif;\n}\n\n\n\n\n\n.context\n{\n width: 100%;\n position: absolute;\n top: 50vh;\n\n}\n\n.context h1\n{\n text-align: center;\n color: #fff;\n font-size: 50px;\n}\n\n\n.area\n{\n width: 20%;\n}\n\n.circles,\n.circles2\n{\n position: absolute;\n top: 0;\n left: 20;\n right: 20;\n margin: 25px;\n width: 80%;\n height: 100%;\n overflow: revert;\n}\n\n.circles li\n{\n transition: all 0;\n position: absolute;\n display: flex;\n justify-content: center;\n vertical-align: middle;\n list-style: none;\n width: 40px;\n height: 20px;\n -webkit-animation: animate 25s alternate infinite;\n animation: animate 25s alternate infinite;\n bottom: -50px;\n color: #FFB908;\n font-size: 300%;\n}\n\n\n\n\n.circles li:nth-child(1)\n{\n transition: all 0;\n left: 5%;\n width: 80px;\n height: 80px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n\n.circles li:nth-child(2)\n{\n transition: all 0;\n left: 10%;\n width: 20px;\n height: 20px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 12s;\n animation-duration: 12s;\n}\n\n.circles li:nth-child(3)\n{\n transition: all 0;\n left: 15%;\n width: 20px;\n height: 20px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(4)\n{\n transition: all 0;\n left: 20%;\n width: 60px;\n height: 60px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 12s;\n animation-duration: 12s;\n}\n\n.circles li:nth-child(5)\n{\n transition: all 0;\n left: 25%;\n width: 20px;\n height: 20px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(6)\n{\n transition: all 0;\n left: 30%;\n width: 110px;\n height: 110px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(7)\n{\n transition: all 0;\n left: 50%;\n width: 150px;\n height: 150px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(8)\n{\n transition: all 0;\n left: 65%;\n width: 25px;\n height: 25px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 22s;\n animation-duration: 22s;\n}\n\n.circles li:nth-child(9)\n{\n transition: all 0;\n left: 80%;\n top:5%;\n width: 15px;\n height: 15px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 13s;\n animation-duration: 13s;\n}\n\n.circles li:nth-child(10)\n{\n transition: all 0;\n left: 90%;\n width: 150px;\n height: 150px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 11s;\n animation-duration: 11s;\n\n}\n\n\n/* ---------------------------------------------------------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n/* ----------------------------------------circles2---------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n.circles2 li\n{\n transition: all 0;\n position: absolute;\n display: flex;\n justify-content: center;\n vertical-align: middle;\n list-style: none;\n width: 40px;\n height: 20px;\n -webkit-animation: animate 25s alternate infinite;\n animation: animate 25s alternate infinite;\n\n bottom: -150px;\n color: #FFB908;\n font-size: 300%;\n}\n\n\n.circles2 li:nth-child(1)\n{\n left: 35%;\n width: 80px;\n height: 80px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n\n.circles2 li:nth-child(2)\n{\n left: 10%;\n width: 20px;\n height: 20px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 12s;\n animation-duration: 12s;\n}\n\n.circles2 li:nth-child(3)\n{\n left: 80%;\n width: 30px;\n height: 25px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n border-radius: 50%;\n}\n\n.circles2 li:nth-child(4)\n{\n left: 40%;\n width: 60px;\n height: 60px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 18s;\n animation-duration: 18s;\n}\n\n.circles2 li:nth-child(5)\n{\n bottom: 0;\n width: 20px;\n height: 20px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(6)\n{\n left: 75%;\n width: 110px;\n height: 110px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(7)\n{\n left: 35%;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(8)\n{\n left: -20;\n width: 25px;\n height: 25px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 15s;\n animation-duration: 15s;\n}\n\n.circles2 li:nth-child(9)\n{\n left: 20%;\n width: 15px;\n height: 15px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 114s;\n animation-duration: 114s;\n}\n\n.circles2 li:nth-child(10)\n{\n left: 85%;\n width: 150px;\n height: 150px;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n -webkit-animation-duration: 11s;\n animation-duration: 11s;\n}\n\n@-webkit-keyframes animate\n{\n\n 0%\n {\n -webkit-transform: translateY(0) rotate(0deg);\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n border-radius: 0;\n }\n\n 100%\n {\n -webkit-transform: translateY(-1000px) rotate(720deg);\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n border-radius: 50%;\n }\n\n}\n\n@keyframes animate\n{\n\n 0%\n {\n -webkit-transform: translateY(0) rotate(0deg);\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n border-radius: 0;\n }\n\n 100%\n {\n -webkit-transform: translateY(-1000px) rotate(720deg);\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n border-radius: 50%;\n }\n\n}\n\n\n\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(1)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(2)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(3)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(4)>div>div\n{\n justify-content: center;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: #FFB908;\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}\n\n.skillsHeader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.skillsHeader h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: bold;\n font-size: 3.5rem;\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(71, 89, 96), 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.testimonials {\n font-family: var(--primaryFont);\n height: 100vh;\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%, #FFB908 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\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 margin:3rem;\n height: 4rem;\n width:18rem;\n display: flex;\n\talign-items: flex;\n justify-content: 'center',\n}\n.hand{\n display:flex;\n -webkit-animation: blink 3s infinite;\n animation: blink 3s infinite;\n}\n\n.hand::before{\n display: none;\n}\n\n.blink {\n -webkit-animation: blinker 2.2s linear infinite;\n animation: blinker 2.2s linear infinite;\n color:white;\n width:100px;\n font-weight:bold;\n}\n\n\n.blink2 {\n -webkit-animation: blinker 2.4s linear infinite;\n animation: blinker 2.4s linear infinite;\n \n color:white;\n width:100px;\n font-weight:bold;\n}\n\n@-webkit-keyframes blinker {\n 50% {\n opacity: 0;\n }\n}\n\n@keyframes blinker {\n 50% {\n opacity: 0;\n }\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}\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: 100;\n background-color: #417f88;\n\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: 1rem;\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: 95%;\n height: 160px;\n left: 0;\n top: 0;\n font-size: 0.75rem;\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: 0 20px 20px 0;\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}\n\n.singleProject:hover .project--desc {\n -webkit-transform: translate(2px, 5rem);\n transform: translate(2px, 5rem);\n \n}\n\n.singleProject .project--lang {\n position: absolute;\n bottom: 20px;\n right: 0;\n width: 140px;\n font-size: 0.8rem;\n color:#fff !important;\n background-color: #417f88;\n border: 2px solid #fff;\n\n display: flex;\n justify-content: center;\n grid-gap: 0.5rem;\n gap: 0.5rem;\n flex-direction: column;\n border-radius: 10px 0 0 10px;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n transition: -webkit-transform 0.5s 0.3s;\n transition: transform 0.5s 0.3s;\n transition: transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;\n padding: 0.825rem;\n}\n\n.singleProject:hover .project--lang {\n -webkit-transform: translateX(0);\n transform: translateX(0); \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.services {\n min-height: 100vh;\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/* ------------------------------------ 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 {\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 {\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.submitBtn\n{\n background: #2d3334;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #2d3334;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #FFB908 100%)\n}\n\n.contactHeader\n{\n color: #2d3334;\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: #2d3334;\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: #FFB908;\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( #FFB908 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: #FFB908;\n cursor: pointer;\n text-decoration: none;\n -webkit-transition: all 0s;\n transition: all 0s;\n}\n\na:-webkit-any-link:hover\n{\n background-color: #2d3334;\n color: #212121;\n font-weight: 400;\n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #2d3334; */\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: #FFB908;\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: #2d3334;\n color: #212121;\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: '#2d3334';\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: '#667';\n background-color: '#2d3334';\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: #2d3334;\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.footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #FFB908;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #FFB908;\n}\n\n.footer p span {\n font-size: 24px;\n color: #FFB908;\n}\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.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:root\n{\n --primaryFont: 'Poppins', sans-serif;\n\n --primary: #2d3334;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #2d3334;\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: #2d3334;\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: #FFB908;\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: #FFB908;\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.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\n\n.lcl--content {\n margin: 3rem;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.landing--social {\n font-size: 35px;\n margin: 0 1rem;\n transition: transform 0.5s;\n}\n\n.landing--social:hover {\n transform: scale(1.2);\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@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 .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@media (max-width: 500px) {\n .lcr--content {\n margin-top: 35%;\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",".about {\n min-height: 100vh;\n position: relative;\n top: 1px solid #fff;\n background: linear-gradient(#222 0%, #444 75%, #2d3334 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",".background\n{\n max-height: 0;\n position: relative;\n}\n\n@import url('https://fonts.googleapis.com/css?family=Exo:400,700');\n\n*\n{\n margin: 0px;\n padding: 0px;\n}\n\nbody\n{\n font-family: 'Exo', sans-serif;\n}\n\n\n\n\n\n.context\n{\n width: 100%;\n position: absolute;\n top: 50vh;\n\n}\n\n.context h1\n{\n text-align: center;\n color: #fff;\n font-size: 50px;\n}\n\n\n.area\n{\n width: 20%;\n}\n\n.circles,\n.circles2\n{\n position: absolute;\n top: 0;\n left: 20;\n right: 20;\n margin: 25px;\n width: 80%;\n height: 100%;\n overflow: revert;\n}\n\n.circles li\n{\n transition: all 0;\n position: absolute;\n display: flex;\n justify-content: center;\n vertical-align: middle;\n list-style: none;\n width: 40px;\n height: 20px;\n animation: animate 25s alternate infinite;\n bottom: -50px;\n color: #FFB908;\n font-size: 300%;\n}\n\n\n\n\n.circles li:nth-child(1)\n{\n transition: all 0;\n left: 5%;\n width: 80px;\n height: 80px;\n animation-delay: 0s;\n}\n\n\n.circles li:nth-child(2)\n{\n transition: all 0;\n left: 10%;\n width: 20px;\n height: 20px;\n animation-delay: 0s;\n animation-duration: 12s;\n}\n\n.circles li:nth-child(3)\n{\n transition: all 0;\n left: 15%;\n width: 20px;\n height: 20px;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(4)\n{\n transition: all 0;\n left: 20%;\n width: 60px;\n height: 60px;\n animation-delay: 0s;\n animation-duration: 12s;\n}\n\n.circles li:nth-child(5)\n{\n transition: all 0;\n left: 25%;\n width: 20px;\n height: 20px;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(6)\n{\n transition: all 0;\n left: 30%;\n width: 110px;\n height: 110px;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(7)\n{\n transition: all 0;\n left: 50%;\n width: 150px;\n height: 150px;\n animation-delay: 0s;\n}\n\n.circles li:nth-child(8)\n{\n transition: all 0;\n left: 65%;\n width: 25px;\n height: 25px;\n animation-delay: 0s;\n animation-duration: 22s;\n}\n\n.circles li:nth-child(9)\n{\n transition: all 0;\n left: 80%;\n top:5%;\n width: 15px;\n height: 15px;\n animation-delay: 0s;\n animation-duration: 13s;\n}\n\n.circles li:nth-child(10)\n{\n transition: all 0;\n left: 90%;\n width: 150px;\n height: 150px;\n animation-delay: 0s;\n animation-duration: 11s;\n\n}\n\n\n/* ---------------------------------------------------------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n/* ----------------------------------------circles2---------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n/* ---------------------------------------------------------------------------------------- */\n.circles2 li\n{\n transition: all 0;\n position: absolute;\n display: flex;\n justify-content: center;\n vertical-align: middle;\n list-style: none;\n width: 40px;\n height: 20px;\n animation: animate 25s alternate infinite;\n\n bottom: -150px;\n color: #FFB908;\n font-size: 300%;\n}\n\n\n.circles2 li:nth-child(1)\n{\n left: 35%;\n width: 80px;\n height: 80px;\n animation-delay: 0s;\n}\n\n\n.circles2 li:nth-child(2)\n{\n left: 10%;\n width: 20px;\n height: 20px;\n animation-delay: 0s;\n animation-duration: 12s;\n}\n\n.circles2 li:nth-child(3)\n{\n left: 80%;\n width: 30px;\n height: 25px;\n animation-delay: 0s;\n border-radius: 50%;\n}\n\n.circles2 li:nth-child(4)\n{\n left: 40%;\n width: 60px;\n height: 60px;\n animation-delay: 0s;\n animation-duration: 18s;\n}\n\n.circles2 li:nth-child(5)\n{\n bottom: 0;\n width: 20px;\n height: 20px;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(6)\n{\n left: 75%;\n width: 110px;\n height: 110px;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(7)\n{\n left: 35%;\n animation-delay: 0s;\n}\n\n.circles2 li:nth-child(8)\n{\n left: -20;\n width: 25px;\n height: 25px;\n animation-delay: 0s;\n animation-duration: 15s;\n}\n\n.circles2 li:nth-child(9)\n{\n left: 20%;\n width: 15px;\n height: 15px;\n animation-delay: 0s;\n animation-duration: 114s;\n}\n\n.circles2 li:nth-child(10)\n{\n left: 85%;\n width: 150px;\n height: 150px;\n animation-delay: 0s;\n animation-duration: 11s;\n}\n\n@keyframes animate\n{\n\n 0%\n {\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n border-radius: 0;\n }\n\n 100%\n {\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n border-radius: 50%;\n }\n\n}\n\n\n\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(1)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(2)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(3)>div>div,\n#root>div>div:nth-child(1)>div.MuiContainer-root.MuiContainer-maxWidthLg.css-1oqqzyl-MuiContainer-root>div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-8.MuiGrid-grid-md-5.css-is0ezk-MuiPaper-root-MuiGrid-root>div>div:nth-child(4)>div>div\n{\n justify-content: center;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: #FFB908;\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}\n\n.skillsHeader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.skillsHeader h2 {\n font-family: var(--primaryFont);\n font-style: normal;\n font-weight: bold;\n font-size: 3.5rem;\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(71, 89, 96), 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}",".testimonials {\n font-family: var(--primaryFont);\n height: 100vh;\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%, #FFB908 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\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 margin:3rem;\n height: 4rem;\n width:18rem;\n display: flex;\n\talign-items: flex;\n justify-content: 'center',\n}\n.hand{\n display:flex;\n -webkit-animation: blink 3s infinite;\n animation: blink 3s infinite;\n}\n\n.hand::before{\n display: none;\n}\n\n.blink {\n animation: blinker 2.2s linear infinite;\n color:white;\n width:100px;\n font-weight:bold;\n}\n\n\n.blink2 {\n animation: blinker 2.4s linear infinite;\n \n color:white;\n width:100px;\n font-weight:bold;\n}\n\n@keyframes blinker {\n 50% {\n opacity: 0;\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}\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: 100;\n background-color: #417f88;\n\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: 1rem;\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: 95%;\n height: 160px;\n left: 0;\n top: 0;\n font-size: 0.75rem;\n color:#fff !important;\n border: 2px solid #fff;\n transform: translate(-110%, 40%);\n padding: 15px;\n border-radius: 0 20px 20px 0;\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}\n\n.singleProject:hover .project--desc {\n transform: translate(2px, 5rem);\n \n}\n\n.singleProject .project--lang {\n position: absolute;\n bottom: 20px;\n right: 0;\n width: 140px;\n font-size: 0.8rem;\n color:#fff !important;\n background-color: #417f88;\n border: 2px solid #fff;\n\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n flex-direction: column;\n border-radius: 10px 0 0 10px;\n transform: translateX(100%);\n transition: transform 0.5s 0.3s;\n padding: 0.825rem;\n}\n\n.singleProject:hover .project--lang {\n transform: translateX(0); \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",".services {\n min-height: 100vh;\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/* ------------------------------------ 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 {\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 {\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}",".submitBtn\n{\n background: #2d3334;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #2d3334;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #FFB908 100%)\n}\n\n.contactHeader\n{\n color: #2d3334;\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: #2d3334;\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: #FFB908;\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( #FFB908 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: #FFB908;\n cursor: pointer;\n text-decoration: none;\n transition: all 0s;\n}\n\na:-webkit-any-link:hover\n{\n background-color: #2d3334;\n color: #212121;\n font-weight: 400;\n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #2d3334; */\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: #FFB908;\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: #2d3334;\n color: #212121;\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: '#2d3334';\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: '#667';\n background-color: '#2d3334';\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: #2d3334;\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}",".footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #FFB908;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #FFB908;\n}\n\n.footer p span {\n font-size: 24px;\n color: #FFB908;\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 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}",":root\n{\n --primaryFont: 'Poppins', sans-serif;\n\n --primary: #2d3334;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #2d3334;\n}"]} \ No newline at end of file diff --git a/build/static/js/main.ac6118f4.chunk.js b/build/static/js/main.ac6118f4.chunk.js new file mode 100644 index 0000000..ef4d3fb --- /dev/null +++ b/build/static/js/main.ac6118f4.chunk.js @@ -0,0 +1,2 @@ +(this.webpackJsonpjonsportfolio=this.webpackJsonpjonsportfolio||[]).push([[0],{176:function(e,t,a){},182:function(e,t,a){},188:function(e,t,a){},189:function(e,t,a){},190:function(e,t,a){},191:function(e,t,a){},207:function(e,t,a){},208:function(e,t,a){},210:function(e,t,a){},211:function(e,t,a){},212:function(e,t,a){},213:function(e,t,a){},214:function(e,t,a){},215:function(e,t,a){},216:function(e,t,a){},217:function(e,t,a){},218:function(e,t,a){},219:function(e,t,a){},225:function(e,t,a){},228:function(e,t,a){"use strict";a.r(t);var c=a(2),r=a(20),s=a.n(r),i=(a(176),a(42)),n=a(22),o=a(11),l=a.p+"static/media/floatWindow.57aee580.gif",d={theme:{type:"dark",primary:"#2d3334",primary400:"#51686B",primary600:"#1A3C41",primary80:"#165159",primary50:"#032D3380",primary30:"#0000004D",secondary:"#000000F0",secondary70:"#FFB908",secondary50:"#A08F23",tertiary:"#eaeaea",tertiary80:"#eaeaeacc",tertiary70:"#eaeaeab3",tertiary50:"#eaeaea80",aboutimg1:l,aboutimg2:l,contactsimg:a.p+"static/media/contactsPrimary.acaae327.svg"}},j=a(1),b=Object(c.createContext)();var m=function(e){var t=Object(c.useState)(d.theme),a=Object(o.a)(t,2),r=a[0],s=a[1],i=Object(c.useState)(!1),n=Object(o.a)(i,2),l=n[0],m=n[1],h={theme:r,drawerOpen:l,setHandleDrawer:function(){m(!l),s(d.theme)}};return Object(j.jsx)(b.Provider,{value:h,children:e.children})};a(308),a.p,a.p;var h=a(72),p=a(4),x=a(54),u=a(47),O=a.n(u),g=a(120),f=a(58),v=a(89),y=a(143),w=a(13),k=a(288),N=a(303),C=a(142),S=a.n(C),I=a.p+"static/media/JCircle.396647e0.png",D=a.p+"static/media/JCircle_dark_gray.77dc7436.png",T=(a(182),{name:"Jon Christie",title:"",description:"React and React Native Developer with full stack experience, online\teducator, musician, and a solid asset for your next project or adventure! ",description2:" ",href2:"\" alt='jon christie headshot portfolio fullstack11235'\">",image:"https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/png/HEADSHOT_CIRCLE.png",BG:"https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle.png",BG2:"https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle_dark_gray.png",resumePdf:a.p+"static/media/Jon_Christie_Resume.60ac1a52.pdf"});var P=function(){var e=Object(c.useContext)(b),t=e.theme,a=e.setHandleDrawer,r=Object(c.useState)(!1),s=Object(o.a)(r,2),i=s[0],n=s[1],l=function(){n(!1),a()},d=Object(k.a)((function(e){var a,c;return{navMenu:(a={fontSize:"2.5rem",color:t.tertiary,cursor:"pointer",transform:"translateY(-10px)",transition:"color 0.3s","&:hover":{color:t.primary}},Object(p.a)(a,e.breakpoints.down("sm"),{fontSize:"2.5rem"}),Object(p.a)(a,e.breakpoints.down("xs"),{fontSize:"2rem"}),a),MuiDrawer:Object(p.a)({padding:"0em 1.8em",width:"14em",fontFamily:" var(--primaryFont)",fontStyle:" normal",fontWeight:" normal",fontSize:" 24px",background:t.secondary,overflow:"hidden",borderTopRightRadius:"40px",borderBottomRightRadius:"40px"},e.breakpoints.down("sm"),{width:"12em"}),bgStyle:(c={height:"10em",paddingTop:"5%"},Object(p.a)(c,e.breakpoints.down("sm"),{paddingTop:"13%"}),Object(p.a)(c,"background","url(".concat(I,")")),Object(p.a)(c,"&:hover",{background:"url(".concat(D,")")}),c),closebtnIcon:Object(p.a)({fontSize:"2rem",fontWeight:"bold",cursor:"pointer",color:t.primary,position:"absolute",right:40,top:40,transition:"color 0.2s","&:hover":{color:t.tertiary}},e.breakpoints.down("sm"),{right:20,top:20}),drawerItem:Object(p.a)({margin:"2rem auto",borderRadius:"78.8418px",background:"#333",color:" #FFB908",width:"85%",height:"60px",display:"flex",alignItems:"center",justifyContent:"space-evenly",padding:"0 30px",boxSizing:"border-box",border:"2px solid",borderColor:t.primary,transition:"background-color 0.2s, color 0.2s","&:hover":{background:t.primary,color:"#2d3334",border:"1px solid #2d3334"}},e.breakpoints.down("sm"),{width:"100%",padding:"0 25px",height:"55px"}),drawerLinks:Object(p.a)({marginRight:"1.5rem",fontFamily:"var(--primaryFont)",width:"50%",fontSize:"1.3rem",fontWeight:600},e.breakpoints.down("sm"),{fontSize:"1.125rem"}),drawerIcon:Object(p.a)({fontSize:"1.6rem"},e.breakpoints.down("sm"),{fontSize:"1.385rem"})}}))();return Object(j.jsxs)("div",{className:"navbar",children:[Object(j.jsxs)("div",{className:"navbar--container",children:[Object(j.jsx)("img",{alt:"jon christie web developer resume job portfolio",src:T.BG,className:d.bgStyle}),Object(j.jsx)(g.b,{className:d.navMenu,onClick:function(){n(!0),a()},"aria-label":"Menu"})]}),Object(j.jsxs)(N.a,{variant:"temporary",onClose:function(e,t){("backdropClick"!==t||"escapeKeyDown"!==t)&&l()},anchor:"left",open:i,classes:{paper:d.MuiDrawer},className:"drawer",disableScrollLock:!0,children:[Object(j.jsxs)("div",{className:"div-closebtn",children:[Object(j.jsx)(S.a,{onClick:l,onKeyDown:function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),l())},className:d.closebtnIcon,role:"button",tabIndex:"0","aria-label":"Close"}),function(e){return e.length>12?e.split(" ")[0]:e}]}),Object(j.jsx)("br",{}),Object(j.jsx)("div",{onClick:l,children:Object(j.jsxs)("div",{className:"navLink--container",children:[Object(j.jsx)(O.a,{left:!0,children:Object(j.jsx)(x.a,{to:"/",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsxs)("div",{className:d.drawerItem,children:[Object(j.jsx)(g.a,{className:d.drawerIcon}),Object(j.jsx)("span",{className:d.drawerLinks,children:"Home"})]})})}),Object(j.jsx)(O.a,{left:!0,children:Object(j.jsx)(x.a,{to:"/#about",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsxs)("div",{className:d.drawerItem,children:[Object(j.jsx)(w.p,{className:d.drawerIcon}),Object(j.jsx)("span",{className:d.drawerLinks,children:"About"})]})})}),Object(j.jsx)(O.a,{left:!0,children:Object(j.jsx)(x.a,{to:"/esume",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsxs)("div",{className:d.drawerItem,children:[Object(j.jsx)(f.a,{className:d.drawerIcon}),Object(j.jsx)("span",{className:d.drawerLinks,children:"Resume"})]})})}),Object(j.jsx)(O.a,{left:!0,children:Object(j.jsx)(x.a,{to:"/#services",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsxs)("div",{className:d.drawerItem,children:[Object(j.jsx)(v.b,{className:d.drawerIcon}),Object(j.jsx)("span",{className:d.drawerLinks,children:"Services"})]})})}),Object(j.jsx)(O.a,{left:!0,children:Object(j.jsx)(x.a,{to:"/#contacts",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsxs)("div",{className:d.drawerItem,children:[Object(j.jsx)(y.a,{className:d.drawerIcon}),Object(j.jsx)("span",{className:d.drawerLinks,children:"Contact"})]})})})]})})]})]})},R=a(306),F=(a(188),"https://github.com/mathcodes/"),L="https://www.linkedin.com/in/thejonpchristie/",A="https://www.youtube.com/channel/UC5GFnN-lv8Yuqc9O3b79k6g",B="https://codepen.io/mathcodes",z="https://twitter.com/thejonchristie/",E="https://stackoverflow.com/users/11303840/jon-christie",J="https://replit.com/@fullstack11235",_=a(59);var M=function(){var e=Object(c.useContext)(b),t=e.theme,a=e.drawerOpen,r=Object(k.a)((function(e){return{resumeBtn:Object(p.a)({color:t.primary,borderRadius:"30px",textTransform:"inherit",textDecoration:"none",width:"150px",fontSize:".75rem",fontWeight:"500",height:"50px",fontFamily:"var(--primaryFont)",border:"3px solid ".concat(t.primary),transition:"100ms ease-out","&:hover":{backgroundColor:t.primary,color:"#121212",border:"3px inset #121212"}},e.breakpoints.down("sm"),{width:"120px",height:"40px",fontSize:"0.6rem"}),contactBtn:Object(p.a)({backgroundColor:t.primary,color:t.secondary,borderRadius:"30px",textTransform:"inherit",textDecoration:"none",width:"150px",height:"50px",fontSize:".75rem",fontWeight:"500",fontFamily:"var(--primaryFont)",border:"3px solid ".concat(t.primary),transition:"100ms ease-out","&:hover":{backgroundColor:t.secondary,color:t.primary,border:"3px solid ".concat(t.tertiary)}},e.breakpoints.down("sm"),{width:"120px",height:"40px",fontSize:"0.6rem",marginTop:"1rem"})}}))();return Object(j.jsx)("div",{className:"landing",children:Object(j.jsxs)("div",{className:"landing--container",children:[Object(j.jsx)("div",{className:"landing--container-left",style:{backgroundColor:t.primary},children:Object(j.jsxs)("div",{className:"lcl--content",children:[F&&Object(j.jsx)("a",{href:F,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.h,{className:"landing--social",style:{color:t.secondary},"aria-label":"GitHub"})}),z&&Object(j.jsx)("a",{href:z,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.o,{className:"landing--social",style:{color:t.secondary},"aria-label":"Twitter"})}),L&&Object(j.jsx)("a",{href:L,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.j,{className:"landing--social",style:{color:t.secondary},"aria-label":"LinkedIn"})}),A&&Object(j.jsx)("a",{href:A,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.r,{className:"landing--social",style:{color:t.secondary},"aria-label":"YouTube"})}),B&&Object(j.jsx)("a",{href:E,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.m,{className:"landing--social",style:{color:t.secondary},"aria-label":"stackOverflow"})}),B&&Object(j.jsx)("a",{href:J,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(w.f,{className:"landing--social",style:{color:t.secondary},"aria-label":"CodePen"})}),J&&Object(j.jsx)("a",{href:J,target:"_blank",rel:"noreferrer",children:Object(j.jsx)(_.a,{className:"landing--social",style:{color:t.secondary},"aria-label":"Replit"})})]})}),Object(j.jsx)("img",{src:T.image,alt:"",className:"landing--img",style:{opacity:"".concat(a?"0":"1"),borderColor:t.secondary}}),Object(j.jsx)("div",{className:"landing--container-right",style:{backgroundColor:t.secondary},children:Object(j.jsxs)("div",{className:"lcr--content",style:{color:t.tertiary},children:[Object(j.jsx)("h6",{children:T.title}),Object(j.jsx)("br",{}),Object(j.jsx)("h1",{children:T.name}),Object(j.jsx)("br",{}),Object(j.jsx)("p",{children:T.description}),Object(j.jsxs)("div",{className:"lcr-buttonContainer",children:[T.resumePdf&&Object(j.jsx)("a",{href:T.resumePdf,download:"resume",target:"_blank",rel:"noreferrer",children:Object(j.jsx)(R.a,{className:r.resumeBtn,children:"Download CV"})}),Object(j.jsx)(x.a,{to:"/#contacts",smooth:!0,spy:"true",duration:2e3,children:Object(j.jsx)(R.a,{className:r.contactBtn,children:"Contact"})})]})]})})]})})},W=(a(189),{title:"About Me",titleProjects:"Projects",description1:"Front-End Developer with experience working with Javascript, Typescript, React and React Native enhancing and creating websites for clients. As a teacher for 10 years, I also provide guidance and content to clients and the community, bringing clarity to confusion on a daily basis.",description2:"My ongoing drive to learn and adapt along with my passion for coding, education, gaming, technology, science and green energy have helped me become an irreplaceable asset for the companies and teammates I\u2019ve had the pleasure working with over the years.",image:2}),H=(a(190),a(90)),q=a.n(H),G=a(91),U=a.n(G),V=a(92),Y=a.n(V),K=a(93),Q=a.n(K),X=a(124),Z=a(95),$=a(21),ee=a(64);var te=function(){return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)("div",{className:"area",children:Object(j.jsxs)("ul",{className:"circles ul item",children:[Object(j.jsx)("li",{children:Object(j.jsx)(w.k,{"aria-label":"LinkedIn"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.j,{"aria-label":"DiVisualstudio"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.i,{aria:"DiNpm"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.h,{aria:"DiJsBadge"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.f,{aria:"DiJavascript"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.g,{aria:"DiJavascript1"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.e,{aria:"DiHeroku"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.a,{aria:"DiCss3"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.c,{aria:"DiDatabase"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.d,{aria:"DiGit"})}),Object(j.jsx)("li",{children:Object(j.jsx)(q.a,{"aria-label":"PsychologyIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(U.a,{"aria-label":"HandshakeIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Y.a,{"aria-label":"WorkIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.a,{"aria-label":"SlMusicToneAlt"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.c,{"aria-label":"SlSocialTwitter"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.b,{"aria-label":"SlSocialGithub"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Q.a,{"aria-label":"UpgradeIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(X.a,{"aria-label":"VscCode"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Z.a,{"aria-label":"WiMeteor"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Z.b,{"aria-label":"WiStars"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.i,{"aria-label":"Instagram"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.h,{"aria-label":"GitHub"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.o,{"aria-label":"Twitter"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.f,{"aria-label":"CodePen"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.r,{"aria-label":"YouTube"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.d,{"aria-label":"Bootstrap"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.g,{"aria-label":"CSS"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.l,{"aria-label":"React"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.g,{"aria-label":"React"})})]})}),Object(j.jsx)("div",{className:"area",children:Object(j.jsxs)("ul",{className:"circles2 ul item",children:[Object(j.jsx)("li",{children:Object(j.jsx)(Z.a,{"aria-label":"WiMeteor"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Z.b,{"aria-label":"WiStars"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.i,{"aria-label":"Instagram"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.h,{"aria-label":"GitHub"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.o,{"aria-label":"Twitter"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.f,{"aria-label":"CodePen"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.r,{"aria-label":"YouTube"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.d,{"aria-label":"Bootstrap"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.g,{"aria-label":"CSS"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.l,{"aria-label":"React"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.g,{"aria-label":"React"})}),Object(j.jsx)("li",{children:Object(j.jsx)(q.a,{"aria-label":"PsychologyIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(U.a,{"aria-label":"HandshakeIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Y.a,{"aria-label":"WorkIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.a,{"aria-label":"SlMusicToneAlt"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.c,{"aria-label":"SlSocialTwitter"})}),Object(j.jsx)("li",{children:Object(j.jsx)(ee.b,{"aria-label":"SlSocialGithub"})}),Object(j.jsx)("li",{children:Object(j.jsx)(Q.a,{"aria-label":"UpgradeIcon"})}),Object(j.jsx)("li",{children:Object(j.jsx)(X.a,{"aria-label":"VscCode"})}),Object(j.jsx)("li",{children:Object(j.jsx)(w.k,{"aria-label":"LinkedIn"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.j,{"aria-label":"DiVisualstudio"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.i,{aria:"DiNpm"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.h,{aria:"DiJsBadge"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.f,{aria:"DiJavascript"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.g,{aria:"DiJavascript1"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.e,{aria:"DiHeroku"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.a,{aria:"DiCss3"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.b,{aria:"DiCss3Full"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.c,{aria:"DiDatabase"})}),Object(j.jsx)("li",{children:Object(j.jsx)($.d,{aria:"DiGit"})})]})})]})};var ae=function(){var e=Object(c.useContext)(b).theme;return Object(j.jsxs)("div",{className:"about",id:"about",style:{backgroundColor:e.secondary},children:[Object(j.jsxs)("div",{className:"line-styling",children:[Object(j.jsx)("div",{className:"style-circle",style:{backgroundColor:e.primary}}),Object(j.jsx)("div",{className:"style-circle",style:{backgroundColor:e.primary}}),Object(j.jsx)("div",{className:"style-line",style:{backgroundColor:e.primary}})]}),Object(j.jsxs)("div",{className:"about-body",children:[Object(j.jsxs)("div",{className:"about-description",children:[Object(j.jsx)("h2",{style:{color:e.secondary70},children:W.title}),Object(j.jsxs)("p",{style:{color:e.tertiary80},children:[W.description1,Object(j.jsx)("br",{}),Object(j.jsx)("br",{}),W.description2,Object(j.jsx)("br",{}),Object(j.jsx)("br",{}),W.description3,Object(j.jsx)("br",{}),Object(j.jsx)("br",{}),W.description4]})]}),Object(j.jsx)("div",{className:"about-img",children:Object(j.jsx)("img",{src:1===W.image?e.aboutimg1:e.aboutimg2,alt:""})})]}),Object(j.jsx)(te,{})]})},ce=a(145),re=a.n(ce),se=(a(191),["React","HTML","Javascript","TypeScript","CSS","MongoDB","Python","Angular","React","Django","Bootstrap","MaterialUI","Git","AWS","Blender","Unity","Adobe"]),ie=a.p+"static/media/gcp.1b20e46e.svg",ne=a.p+"static/media/html.6a342d61.svg",oe=a.p+"static/media/photoshop.1114b31f.svg",le=a.p+"static/media/illustrator.33feff48.svg",de=a.p+"static/media/docker.a6221ab3.svg",je=a.p+"static/media/adobe-xd.a6dca99d.svg",be=a.p+"static/media/after-effects.3c076652.svg",me=a.p+"static/media/css.43b6f4bd.svg",he=a.p+"static/media/angular.d4cb4fa5.svg",pe=a.p+"static/media/javascript.e9360603.svg",xe=a.p+"static/media/nextJS.fc272ac2.svg",ue=a.p+"static/media/nuxtJS.81cb52af.svg",Oe=a.p+"static/media/react.2b6a0717.svg",ge=a.p+"static/media/svelte.7b116dd5.svg",fe=a.p+"static/media/typescript.31f8fee8.svg",ve=a.p+"static/media/vue.47bdfb5a.svg",ye=a.p+"static/media/bootstrap.19a2d2ff.svg",we=a.p+"static/media/bulma.5910d441.svg",ke=a.p+"static/media/capacitorjs.7517cfe2.svg",Ne=a.p+"static/media/coffeescript.848d1c77.svg",Ce=a.p+"static/media/memsql.aecce246.svg",Se=a.p+"static/media/mongoDB.6c6da702.svg",Ie=a.p+"static/media/mysql.f9e45d29.svg",De=a.p+"static/media/postgresql.c0d71b7c.svg",Te=a.p+"static/media/tailwind.254c4865.svg",Pe=a.p+"static/media/vitejs.b99f0b09.svg",Re=a.p+"static/media/vuetifyjs.8a22a3ec.svg",Fe=a.p+"static/media/c.77377419.svg",Le=a.p+"static/media/cplusplus.3398ef50.svg",Ae=a.p+"static/media/csharp.8f35e178.svg",Be=a.p+"static/media/dart.30bf58d8.svg",ze=a.p+"static/media/go.cda9e1cf.svg",Ee=a.p+"static/media/java.d004bc17.svg",Je=a.p+"static/media/julia.be076220.svg",_e=a.p+"static/media/kotlin.4f592da4.svg",Me=a.p+"static/media/matlab.3d4e15a6.svg",We=a.p+"static/media/php.8132ef91.svg",He=a.p+"static/media/python.cf32ad96.svg",qe=a.p+"static/media/ruby.34e792ab.svg",Ge=a.p+"static/media/swift.a030128a.svg",Ue=a.p+"static/media/adobeaudition.afa937d5.svg",Ve=a.p+"static/media/aws.0510b15a.svg",Ye=a.p+"static/media/deno.96d4a63d.svg",Ke=a.p+"static/media/django.d51a8aa4.svg",Qe=a.p+"static/media/firebase.99786447.svg",Xe=a.p+"static/media/gimp.7cff4c04.svg",Ze=a.p+"static/media/git.a0b8447e.svg",$e=a.p+"static/media/graphql.be1dc316.svg",et=a.p+"static/media/lightroom.0e67d833.svg",tt=a.p+"static/media/materialui.518da2c0.svg",at=a.p+"static/media/nginx.14c0011a.svg",ct=a.p+"static/media/numpy.5bdfa40b.svg",rt=a.p+"static/media/opencv.0f128460.svg",st=a.p+"static/media/premierepro.ee38e1aa.svg",it=a.p+"static/media/pytorch.1862724d.svg",nt=a.p+"static/media/selenium.7dcf1c14.svg",ot=a.p+"static/media/strapi.ac0a6e67.svg",lt=a.p+"static/media/tensorflow.6d6f2e37.svg",dt=a.p+"static/media/webix.99dfb57f.svg",jt=a.p+"static/media/wordpress.1c0bf6df.svg",bt=a.p+"static/media/azure.a4419965.svg",mt=a.p+"static/media/blender.b96901d1.svg",ht=a.p+"static/media/fastify.1b930a41.svg",pt=a.p+"static/media/figma.1cd44608.svg",xt=a.p+"static/media/flutter.643a93c8.svg",ut=a.p+"static/media/haxe.10a910ff.svg",Ot=a.p+"static/media/ionic.d2050eeb.svg",gt=a.p+"static/media/markdown.62e50cf0.svg",ft=a.p+"static/media/microsoftoffice.c3a1f4f1.svg",vt=a.p+"static/media/picsart.f869489b.svg",yt=a.p+"static/media/sketch.87c83552.svg",wt=a.p+"static/media/unity.ad58069d.svg",kt=a.p+"static/media/wolframalpha.24726d34.svg",Nt=a.p+"static/media/canva.b96f915b.svg",Ct=function(e){switch(e.toLowerCase()){case"gcp":return ie;case"html":return ne;case"photoshop":return oe;case"docker":return de;case"illustrator":return le;case"adobe xd":return je;case"after effects":return be;case"css":return me;case"angular":return he;case"javascript":return pe;case"next js":return xe;case"nuxt js":return ue;case"react":return Oe;case"svelte":return ge;case"typescript":return fe;case"vue":return ve;case"bootstrap":return ye;case"bulma":return we;case"capacitorjs":return ke;case"coffeescript":return Ne;case"memsql":return Ce;case"mongodb":return Se;case"mysql":return Ie;case"postgresql":return De;case"tailwind":return Te;case"vitejs":return Pe;case"vuetifyjs":return Re;case"c":return Fe;case"c++":return Le;case"c#":return Ae;case"dart":return Be;case"go":return ze;case"java":return Ee;case"kotlin":return _e;case"julia":return Je;case"matlab":return Me;case"php":return We;case"python":return He;case"ruby":return qe;case"swift":return Ge;case"adobe audition":return Ue;case"aws":return Ve;case"deno":return Ye;case"django":return Ke;case"firebase":return Qe;case"gimp":return Xe;case"git":return Ze;case"graphql":return $e;case"lightroom":return et;case"materialui":return tt;case"nginx":return at;case"numpy":return ct;case"opencv":return rt;case"premiere pro":return st;case"pytorch":return it;case"selenium":return nt;case"strapi":return ot;case"tensorflow":return lt;case"webix":return dt;case"wordpress":return jt;case"azure":return bt;case"blender":return mt;case"fastify":return ht;case"figma":return pt;case"flutter":return xt;case"haxe":return ut;case"ionic":return Ot;case"markdown":return gt;case"microsoft office":return ft;case"picsart":return vt;case"sketch":return yt;case"unity":return wt;case"wolframalpha":return kt;case"canva":return Nt}};var St=function(){var e=Object(c.useContext)(b).theme,t={backgroundColor:e.secondary,boxShadow:"0px 0px 30px ".concat(e.primary30)};return Object(j.jsxs)("div",{className:"skills",children:[Object(j.jsxs)("div",{className:"skillsHeader",children:[Object(j.jsx)("div",{style:{backgroundColor:e.secondary50,height:"1rem"},children:" "}),Object(j.jsx)("h2",{style:{color:e.secondary70},children:"Skills"})]}),Object(j.jsx)("div",{className:"skillsContainer",children:Object(j.jsx)("div",{className:"skill--scroll",children:Object(j.jsx)(re.a,{gradient:!0,speed:30,pauseOnHover:!0,pauseOnClick:!0,delay:0,play:!0,direction:"left",children:se.map((function(a,c){return Object(j.jsxs)("div",{className:"skill--box",style:t,children:[Object(j.jsx)("img",{src:Ct(a),alt:a}),Object(j.jsx)("h3",{style:{color:e.tertiary},children:a})]},c)}))})})})]})},It=a(17),Dt=a(146),Tt=a.n(Dt),Pt=a.p+"static/media/girl1.7f9d8736.svg",Rt=a.p+"static/media/girl2.c1222fab.svg",Ft=a.p+"static/media/girl3.46f7c62b.svg",Lt=a.p+"static/media/boy1.f9c177c8.svg",At=a.p+"static/media/boy2.ece5c080.svg",Bt=[{id:1,name:"K. Suwanarat, 2019",title:"Client",text:"Jonathan Christie is hands down the best sales person I\u2019ve ever dealt with! Professional, knowledgeable with a great personality. Just an all around good guy!",image:At},{id:2,name:"Thomas Erickson",title:"Teaching Assistant at 2U",text:"You'd be doing yourself - and your company - a disservice by not giving Jon a chance!",image:Rt},{id:3,name:"Sharon L Spencer",title:"Educational Consultant at Rural School and Community Trust",text:"Jon is a great person with which to work. He has a gentle, supportive nature in working with others with a strong content knowledge.",image:Pt},{id:4,name:"William VanHook,CPA ",title:"Sr. Tax Accountant / Former Full Stack Bootcamp Student",text:"Jon is an initiator, a great contributor and I believe would be an asset to any project team or organization.",image:Lt},{id:5,name:"Lori Miller, 2018",title:"client",text:"Jon was great, but what stook out to me was that he took the extra mile (with a smile) and covered every detail in the paperwork to where I walked away more confident and secure about my investment than ever before.",image:Ft},{id:6,name:"Sarah Loch, 2018",text:"Jonathan was so kind, helpful and easy to work with. He took care of all my requests with an exceptional attitude and professionalism. I am very happy with my experience and would not hesitate to come back!",title:"client",image:a.p+"static/media/boy3.a46b5f81.svg"},{id:1,name:"Luke Gladis, 2022",title:"Client / CEO of Gladis and Co",text:"Jon > GoDaddy",image:At}],zt=(a(207),a(310));var Et=function(){var e=Object(c.useContext)(b).theme,t=Object(c.useRef)();return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)("div",{style:{backgroundColor:e.secondary50,height:"1rem"},children:" "}),Bt.length>0&&Object(j.jsxs)("div",{className:"testimonials",children:[Object(j.jsx)("div",{className:"testimonials--header",style:{color:e.secondary70},children:Object(j.jsx)("h1",{children:"Testimonials"})}),Object(j.jsx)("div",{className:"testimonials--body",children:Object(j.jsxs)("div",{className:"testimonials--slider",style:{backgroundColor:e.primary},children:[Object(j.jsx)(Tt.a,Object(It.a)(Object(It.a)({},{dots:!0,adaptiveHeight:!0,infinite:!0,speed:800,arrows:!1,slidesToShow:1,slidesToScroll:1,autoplay:!0,margin:3,loop:!0,autoplaySpeed:3e3,draggable:!0,swipeToSlide:!0,swipe:!0}),{},{ref:t,children:Bt.map((function(t){return Object(j.jsx)("div",{className:"single--testimony",children:Object(j.jsx)("div",{className:"testimonials--container",children:Object(j.jsxs)("div",{className:"review--content",style:{backgroundColor:e.secondary,color:e.tertiary},children:[Object(j.jsx)("p",{children:t.text}),Object(j.jsx)("h1",{children:t.name}),Object(j.jsx)("h4",{children:t.title})]})})},t.id)}))})),Object(j.jsx)("button",{className:"prevBtn",onClick:function(){t.current.slickPrev()},style:{backgroundColor:e.secondary},children:Object(j.jsx)(w.a,{style:{color:e.secondary70},"aria-label":"Previous testimonial"})}),Object(j.jsx)("button",{className:"nextBtn",onClick:function(){t.current.slickNext()},style:{backgroundColor:e.secondary},children:Object(j.jsx)(w.b,{style:{color:e.secondary70},"aria-label":"Next testimonial"})})]})}),Object(j.jsxs)("div",{className:"formBtn",children:[Object(j.jsx)("h1",{className:"blink",style:{fontSize:"3rem"},children:"\ud83d\udc49"}),Object(j.jsx)("a",{style:{backgroundColor:"none"},href:"./formpage",children:Object(j.jsx)(zt.a,{style:{backgroundColor:e.primary,color:e.secondary70,width:"18rem",display:"flex",alignItems:"center",justifyContent:"center"},variant:"contained",children:Object(j.jsx)("h2",{children:"CONTACT ME"})})}),Object(j.jsx)("h1",{className:"blink2",style:{fontSize:"3rem"},children:"\ud83d\udc48"})]})]})]})},Jt=a(317),_t=a(311);a(208);var Mt=a(108),Wt=a(8),Ht=a(312),qt=a(313);Object(Wt.a)(Ht.a)((function(e){var t=e.theme;return Object(It.a)(Object(It.a)({backgroundColor:"dark"===t.palette.mode?"#1A2027":"#fff"},t.typography.body2),{},{padding:t.spacing(1),textAlign:"center",color:t.palette.text.secondary})}));var Gt=a.p+"static/media/spb.349ca778.png",Ut=a.p+"static/media/pythonlog.1cd4f634.svg",Vt=a.p+"static/media/mars.448b5864.svg",Yt=a.p+"static/media/scb.95f1d204.svg",Kt=a.p+"static/media/expensetracker.8b8b7990.png",Qt=a.p+"static/media/keys.b06b2149.png",Xt=[{id:1,projectName:"Expense Tracker",projectDesc:"A React Native iOS/Android App to keep track of your expense (or anything else, like a to do list with deadlines). Includes navigation, authentication, and persistence of data.",tags:["React","React Native","Javascript","Expo","CSS","Firebase"],code:"https://github.com/mathcodes/react-native-apps/tree/main/sample-apps/rn-expense-tracker/rn-expense-trackers",demo:"https://github.com/mathcodes/react-native-apps/tree/main/sample-apps/rn-expense-tracker/rn-expense-trackers",image:Kt},{id:2,projectName:"Gladis & Co",projectDesc:"Freelance gig to fix issues with website in wordpress. Used advanced Javascript methods and CSS selectors that could find a needle in a haystack to override the entire site.",tags:["WordPress","GoDaddy","JS","CSS","HTML","server-side rendering","css selectors"],code:"https://www.gladisandco.com",demo:"https://www.gladisandco.com",image:a.p+"static/media/gnco.43ebccb0.png"},{id:3,projectName:"Super Pantry Buddy",projectDesc:"Built with a team of three developers, this app uses the MERN stack to provide users with a responsive, customizable experience to search and save recipes by entering in any number of ingredients.",tags:["MERN","ORM","OAuth","Jest","Bulma"],code:"https://github.com/mathcodes/spb/",demo:"https://superpantrybuddy.herokuapp.com/",image:Gt},{id:4,projectName:"A Python Log",projectDesc:"A full stack website with blog, using Python to run the backend, and allowing users to post, share, and delete content. A user-centric and mobile-friendly design adds functionality and a responsive UI.",tags:["Python","CSS","HTML","JS","Django","Tkinter","JSON","Illustrator","CRUD"],code:"https://github.com/mathcodes/PythonLog/",demo:"https://jonspythonlog.herokuapp.com/",image:Ut},{id:5,projectName:"Mars Project",projectDesc:"Weather forecast systems and applications predict weather conditions based on multiple parameters.",tags:["Node","Express","Handlebars","ChartJS","MySQL","Sequelize","ORM","API"],code:"https://github.com/mathcodes/Red-Planet-Voyagers",demo:"https://team-5-project-2.herokuapp.com/",image:Vt},{id:6,projectName:"A Collection of Python Projects",projectDesc:"This is a collection of Python projects that I have created. Each project is a live application that I have built using the Python and other technologies listed below. Most focus on either the fundamentals of Python as well as mroe advanced programs inmplementing machine learning, AI, data structures, and algorithms.",tags:["Python","Flask","Django","Selenium","PyNum","Sequelize","ORM","API"],code:"https://github.com/mathcodes/Red-Planet-Voyagers",demo:"https://team-5-project-2.herokuapp.com/",image:a.p+"static/media/python.c5bb2f7e.png"},{id:7,projectName:"Sweet Clover Barn",projectDesc:" Met clients at Farmer\u2019s Market, and now their site is modern, responsive, and handling online payments in a beautiful eCommerce site that doubles as a community-based, event-scheduling platform and blog.",tags:["CSS","HTML","JS","Squarespace","Adobe Illustrator"],code:"www.sweetcloverbarn.com",demo:"www.sweetcloverbarn.com",image:Yt},{id:8,projectName:"Pro Typer",projectDesc:"A quick project to review event handlers and do something useful and practical. Use this app to improve your keyboarding skills. FUTURE DEVELOPMENT: Scoring, typing words, difficulty levels, and wpm calculation. Coming soon!",tags:["HTML","CSS","JS","express"],code:"https://github.com/mathcodes/monitor",demo:"https://mathcodes.github.io/pick2hand/",image:Qt}],Zt=(a(210),a.p+"static/media/placeholder.3fcbbdcd.png");a(211);var $t=function(e){var t=e.id,a=e.name,c=e.desc,r=e.tags,s=e.code,i=e.demo,n=e.image,o=e.theme,l=Object(k.a)((function(e){return{iconBtn:{display:"flex",margin:"0.5rem",alignItems:"center",justifyContent:"center",width:40,height:40,borderRadius:5,border:"2px solid ".concat(o.tertiary),color:o.tertiary,transition:"all 0.2s","&:hover":{backgroundColor:o.secondary,color:o.primary,transform:"scale(1.1)",border:"2px solid ".concat(o.secondary)}},icon:{fontSize:"1.1rem",transition:"all 0.2s","&:hover":{}}}}))();return Object(j.jsx)(O.a,{bottom:!0,children:Object(j.jsxs)("div",{className:"singleProject",style:{backgroundColor:o.primary400},children:[Object(j.jsxs)("div",{className:"projectContent",children:[Object(j.jsx)("h2",{id:a.replace(" ","-").toLowerCase(),style:{color:o.tertiary},children:a}),Object(j.jsx)("img",{src:n||Zt,alt:a}),Object(j.jsxs)("div",{className:"project--showcaseBtn",children:[Object(j.jsx)("a",{href:i,target:"_blank",rel:"noreferrer",className:l.iconBtn,"aria-labelledby":"".concat(a.replace(" ","-").toLowerCase()," ").concat(a.replace(" ","-").toLowerCase(),"-demo"),children:Object(j.jsx)(f.b,{})}),Object(j.jsx)("a",{href:s,target:"_blank",rel:"noreferrer",className:l.iconBtn,"aria-labelledby":"".concat(a.replace(" ","-").toLowerCase()," ").concat(a.replace(" ","-").toLowerCase(),"-code"),children:Object(j.jsx)(w.e,{})})]})]}),Object(j.jsx)("p",{className:"project--desc",style:{background:"#222",color:o.tertiary},children:c}),Object(j.jsx)("div",{className:"project--lang",style:{background:o.secondary,color:o.tertiary80},children:r.map((function(e,t){return Object(j.jsx)("span",{children:e},t)}))})]},t)})};var ea=function(){var e=Object(c.useContext)(b).theme;return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)("div",{style:{backgroundColor:e.secondary50,height:"1rem"},children:" "}),Xt.length>0&&Object(j.jsxs)("div",{className:"projects",id:"projects",style:{backgroundColor:e.secondary},children:[Object(j.jsx)("div",{className:"projects--header",children:Object(j.jsx)("h1",{style:{color:e.secondary70},children:"Projects"})}),Object(j.jsx)("div",{className:"projects--body",children:Object(j.jsx)("div",{className:"projects--bodyContainer",children:Xt.slice(0,4).map((function(t){return Object(j.jsx)($t,{theme:e,id:t.id,name:t.projectName,desc:t.projectDesc,tags:t.tags,code:t.code,demo:t.demo,image:t.image},t.id)}))})}),Object(j.jsxs)("div",{className:"break",children:[Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{})]}),Object(j.jsxs)("div",{className:"break",children:[Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{}),Object(j.jsx)("hr",{})]}),Object(j.jsx)("div",{className:"projects--bodyContainer",children:Xt.slice(4,8).map((function(t){return Object(j.jsx)($t,{theme:e,id:t.id,name:t.projectName,desc:t.projectDesc,tags:t.tags,code:t.code,demo:t.demo,image:t.image},t.id)}))})]})]})},ta=a(73),aa=[{id:1,title:"Web Development",icon:Object(j.jsx)(v.a,{})},{id:2,title:"App Development",icon:Object(j.jsx)(w.n,{})},{id:3,title:"SEO, Marketing, and Branding",icon:Object(j.jsx)(v.c,{})},{id:4,title:"Tutoring",icon:Object(j.jsx)(w.c,{})},{id:5,title:"Audio Engineering",icon:Object(j.jsx)(ta.a,{})},{id:6,title:"Video Editing",icon:Object(j.jsx)(w.q,{})}];a(212),a(213);var ca=function(e){var t=e.id,a=e.title,r=e.icon,s=Object(c.useContext)(b).theme;return Object(j.jsx)(O.a,{bottom:!0,children:Object(j.jsx)("div",{className:"single-service",style:{backgroundColor:s.primary400},children:Object(j.jsxs)("div",{className:"service-content",style:{color:s.tertiary},children:[Object(j.jsx)("i",{className:"service-icon",children:r}),Object(j.jsx)("h4",{style:{color:s.tertiary},children:a})]})},t)})};var ra=function(){var e=Object(c.useContext)(b).theme;return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)("div",{style:{backgroundColor:e.secondary50,height:"1rem"},children:" "}),aa.length>0&&Object(j.jsxs)("div",{className:"services",id:"services",style:{backgroundColor:e.secondary},children:[Object(j.jsx)("div",{className:"services-header",children:Object(j.jsx)("h1",{style:{color:e.secondary70},children:"Services"})}),Object(j.jsx)("div",{className:"services-body",children:Object(j.jsx)("div",{className:"services-bodycontainer",children:aa.map((function(e){return Object(j.jsx)(ca,{id:e.id,title:e.title,icon:e.icon},e.id)}))})})]})]})},sa=a(148);a(214);var ia=function(){var e=Object(c.useState)(!1),t=Object(o.a)(e,2),a=t[0],r=t[1],s=Object(c.useContext)(b).theme;window.addEventListener("scroll",(function(){var e=document.documentElement.scrollTop;e>300?r(!0):e<=300&&r(!1)}));var i=Object(k.a)((function(){return{icon:{fontSize:"3rem",color:s.tertiary}}}))();return Object(j.jsx)("div",{style:{display:a?"inline":"none"},className:"backToTop",children:Object(j.jsx)("button",{onClick:function(){window.scrollTo({top:0,behavior:"smooth"})},"aria-label":"Back to top",children:Object(j.jsx)(sa.a,{className:i.icon})})})};a(215);var na=function(){return Object(j.jsx)("div",{className:"area",children:" "})},oa=a(151),la=a(316),da="jonpchristie@gmail.com",ja="(919) 368-3369",ba="Raleigh, NC",ma=(a(216),Object(oa.a)({status:{danger:" #FFB908"},palette:{primary:{main:"#2d3334",darker:"#135d66"},neutral:{main:"#BFD9DD",contrastText:"#333"},container:{height:"20rem",display:"flex",flexDirection:"column",justifyContent:"center"},h2:{fontSize:"112rem",fontWeight:"bold",color:"red"}}}));Object(Wt.a)(Ht.a)((function(e){var t=e.theme;return Object(It.a)(Object(It.a)({backgroundColor:"dark"===t.palette.mode?"#1A2027":"#2d3334"},t.typography.body2),{},{padding:t.spacing(1),textAlign:"center",color:t.palette.text.secondary})}));console.log(ma.palette.mode);a(217);var ha=a(106),pa=function(){var e=Object(c.useContext)(b).theme;return Object(j.jsx)("div",{className:"footer",style:{backgroundColor:e.secondary},children:Object(j.jsxs)(qt.a,{style:{display:"block"},children:[Object(j.jsx)("div",{className:"contact-icons",children:Object(j.jsx)("div",{className:"contacts-details",children:Object(j.jsxs)("ul",{children:[Object(j.jsx)("li",{children:Object(j.jsxs)("a",{href:"mailto:".concat(da),className:"personal-details",children:[Object(j.jsx)("div",{className:"detailsIcon",children:Object(j.jsx)(ha.a,{})}),Object(j.jsx)("p",{children:da})]})}),Object(j.jsx)("li",{children:Object(j.jsxs)("a",{href:"tel:".concat(ja),className:"personal-details",children:[Object(j.jsx)("div",{className:"detailsIcon",children:Object(j.jsx)(ha.b,{})}),Object(j.jsx)("p",{children:ja})]})}),Object(j.jsx)("li",{children:Object(j.jsxs)("a",{href:"https://www.google.com/maps/place/".concat(ba),className:"personal-details",children:[Object(j.jsx)("div",{className:"detailsIcon",children:Object(j.jsx)(f.c,{})}),Object(j.jsx)("p",{children:ba})]})})]})})}),Object(j.jsxs)("div",{className:"socialmedia-icons",children:[F&&Object(j.jsx)("a",{href:F,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.h,{"aria-label":"GitHub",className:"localIcon"})}),z&&Object(j.jsx)("a",{href:z,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.o,{"aria-label":"Twitter",className:"localIcon"})}),L&&Object(j.jsx)("a",{href:L,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.k,{"aria-label":"LinkedIn",className:"localIcon"})}),A&&Object(j.jsx)("a",{href:A,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.r,{"aria-label":"YouTube",className:"localIcon"})}),E&&Object(j.jsx)("a",{href:E,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.m,{"aria-label":"Stack Overflow",className:"localIcon"})}),B&&Object(j.jsx)("a",{href:B,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(w.f,{"aria-label":"CodePen",className:"localIcon"})}),J&&Object(j.jsx)("a",{href:J,target:"_blank",rel:"noreferrer",className:"socialIcon",children:Object(j.jsx)(_.a,{"aria-label":"replit",className:"localIcon"})})]})]})})};var xa=function(){return Object(j.jsxs)("div",{children:[Object(j.jsx)(te,{className:"backgroundStyle",style:{zIndex:"-30"}}),Object(j.jsx)(h.a,{children:Object(j.jsxs)("title",{children:[T.name," - Portfolio"]})}),Object(j.jsx)(P,{}),Object(j.jsx)(M,{}),Object(j.jsx)(ae,{}),Object(j.jsx)(te,{className:"backgroundStyle",style:{zIndex:"-30"}}),Object(j.jsx)(na,{}),Object(j.jsx)(St,{}),Object(j.jsx)(ea,{}),Object(j.jsx)(te,{className:"backgroundStyle",style:{zIndex:"-30"}}),Object(j.jsx)(ra,{}),Object(j.jsx)(Et,{}),Object(j.jsx)(te,{className:"backgroundStyle",style:{zIndex:"-30"}}),Object(j.jsx)(pa,{})]})},ua=a(300);a(218);var Oa=function(){var e=Object(c.useState)(""),t=Object(o.a)(e,2),a=t[0],r=t[1],s=Object(c.useContext)(b).theme,n=Xt.filter((function(e){return(e.projectName+e.projectDesc+e.tags).toLowerCase().includes(a.toLowerCase())})),l=Object(k.a)((function(e){return{search:Object(p.a)({color:s.tertiary,width:"40%",height:"2.75rem",outline:"none",border:"none",borderRadius:"20px",padding:"0.95rem 1rem",fontFamily:"'Noto Sans TC', sans-serif",fontWeight:500,fontSize:"0.9rem",backgroundColor:s.secondary,boxShadow:"dark"===s.type?"inset 3px 3px 6px #ffffff10, inset -3px -3px 6px #00000060":"inset 3px 3px 6px #ffffffbd, inset -3px -3px 6px #00000030","&::placeholder":{color:s.tertiary80}},e.breakpoints.down("sm"),{width:"350px"}),home:Object(p.a)({color:s.secondary,position:"absolute",top:25,left:25,padding:"7px",borderRadius:"50%",boxSizing:"content-box",fontSize:"2rem",cursor:"pointer",boxShadow:(s.type,"3px 3px 6px #ffffff40, -3px -3px 6px #00000050"),transition:"all 0.3s ease-in-out","&:hover":{color:s.tertiary,transform:"scale(1.1)"}},e.breakpoints.down("sm"),{fontSize:"1.8rem"})}}))();return Object(j.jsxs)("div",{className:"projectPage",style:{backgroundColor:s.secondary},children:[Object(j.jsx)(h.a,{children:Object(j.jsxs)("title",{children:[T.name," | Projects"]})}),Object(j.jsxs)("div",{className:"projectPage-header",style:{backgroundColor:s.primary},children:[Object(j.jsx)(i.b,{to:"/",children:Object(j.jsx)(ta.b,{className:l.home})}),Object(j.jsx)("h1",{style:{color:s.secondary},children:"Projects"})]}),Object(j.jsxs)("div",{className:"projectPage-container",children:[Object(j.jsx)("div",{className:"projectPage-search",children:Object(j.jsx)("input",{type:"text",value:a,onChange:function(e){return r(e.target.value)},placeholder:"Search project...",className:l.search})}),Object(j.jsx)("div",{className:"project-container",children:Object(j.jsx)(ua.a,{className:"project-grid",container:!0,direction:"row",alignItems:"center",justifyContent:"center",children:n.map((function(e){return Object(j.jsx)($t,{theme:s,id:e.id,name:e.projectName,desc:e.projectDesc,tags:e.tags,code:e.code,demo:e.demo,image:e.image},e.id)}))})})]})]})};a(219);var ga=function(){var e=Object(c.useState)(""),t=Object(o.a)(e,2),a=t[0],r=t[1],s=Object(c.useContext)(b).theme,n=Xt.filter((function(e){return(e.projectName+e.projectDesc+e.tags).toLowerCase().includes(a.toLowerCase())})),l=Object(k.a)((function(e){return{search:Object(p.a)({color:s.tertiary,width:"40%",height:"2.75rem",outline:"none",border:"none",borderRadius:"20px",padding:"0.95rem 1rem",fontFamily:"'Noto Sans TC', sans-serif",fontWeight:500,fontSize:"0.9rem",backgroundColor:s.secondary,boxShadow:"dark"===s.type?"inset 3px 3px 6px #ffffff10, inset -3px -3px 6px #00000060":"inset 3px 3px 6px #ffffffbd, inset -3px -3px 6px #00000030","&::placeholder":{color:s.tertiary80}},e.breakpoints.down("sm"),{width:"350px"}),home:Object(p.a)({color:s.secondary,position:"absolute",top:25,left:25,padding:"7px",borderRadius:"50%",boxSizing:"content-box",fontSize:"2rem",cursor:"pointer",boxShadow:(s.type,"3px 3px 6px #ffffff40, -3px -3px 6px #00000050"),transition:"all 0.3s ease-in-out","&:hover":{color:s.tertiary,transform:"scale(1.1)"}},e.breakpoints.down("sm"),{fontSize:"1.8rem"})}}))();return Object(j.jsxs)("div",{className:"projectPage",style:{backgroundColor:s.secondary},children:[Object(j.jsx)(h.a,{children:Object(j.jsxs)("title",{children:[T.name," | Projects"]})}),Object(j.jsxs)("div",{className:"projectPage-header",style:{backgroundColor:s.primary},children:[Object(j.jsx)(i.b,{to:"/",children:Object(j.jsx)(ta.b,{className:l.home})}),Object(j.jsx)("h1",{style:{color:s.secondary},children:"Projects"})]}),Object(j.jsxs)("div",{className:"projectPage-container",children:[Object(j.jsx)("div",{className:"projectPage-search",children:Object(j.jsx)("input",{type:"text",value:a,onChange:function(e){return r(e.target.value)},placeholder:"Search project...",className:l.search})}),Object(j.jsx)("div",{className:"project-container",children:Object(j.jsx)(ua.a,{className:"project-grid",container:!0,direction:"row",alignItems:"center",justifyContent:"center",children:n.map((function(e){return Object(j.jsx)($t,{theme:s,id:e.id,name:e.projectName,desc:e.projectDesc,tags:e.tags,code:e.code,demo:e.demo,image:e.image},e.id)}))})})]})]})},fa=a(315),va=a(301),ya=a(302),wa=a(319),ka=a(304),Na=a(314),Ca=a(149),Sa=a.n(Ca),Ia=a(318);function Da(e){return Object(j.jsxs)(Ia.a,Object(It.a)(Object(It.a)({variant:"body2",color:"text.secondary",align:"center"},e),{},{children:["Copyright \xa9 ",Object(j.jsx)(Na.a,{color:"inherit",href:"https://mui.com/",children:"Your Website"})," ",(new Date).getFullYear(),"."]}))}var Ta=Object(oa.a)();function Pa(){return Object(j.jsx)(la.a,{theme:Ta,children:Object(j.jsxs)(_t.a,{component:"main",maxWidth:"xs",children:[Object(j.jsx)(va.a,{}),Object(j.jsxs)(Jt.a,{sx:{marginTop:8,display:"flex",flexDirection:"column",alignItems:"center"},children:[Object(j.jsx)(fa.a,{sx:{m:1,bgcolor:"secondary.main"},children:Object(j.jsx)(Sa.a,{})}),Object(j.jsx)(Ia.a,{component:"h1",variant:"h5",children:"Sign up"}),Object(j.jsxs)(Jt.a,{component:"form",noValidate:!0,onSubmit:function(e){e.preventDefault();var t=new FormData(e.currentTarget);console.log({email:t.get("email"),password:t.get("password")})},sx:{mt:3},children:[Object(j.jsxs)(qt.a,{container:!0,spacing:2,children:[Object(j.jsx)(qt.a,{item:!0,xs:12,sm:6,children:Object(j.jsx)(ya.a,{autoComplete:"given-name",name:"firstName",required:!0,fullWidth:!0,id:"firstName",label:"First Name",autoFocus:!0})}),Object(j.jsx)(qt.a,{item:!0,xs:12,sm:6,children:Object(j.jsx)(ya.a,{required:!0,fullWidth:!0,id:"lastName",label:"Last Name",name:"lastName",autoComplete:"family-name"})}),Object(j.jsx)(qt.a,{item:!0,xs:12,children:Object(j.jsx)(ya.a,{required:!0,fullWidth:!0,id:"email",label:"Email Address",name:"email",autoComplete:"email"})}),Object(j.jsx)(qt.a,{item:!0,xs:12,children:Object(j.jsx)(ya.a,{required:!0,fullWidth:!0,name:"password",label:"Password",type:"password",id:"password",autoComplete:"new-password"})}),Object(j.jsx)(qt.a,{item:!0,xs:12,children:Object(j.jsx)(wa.a,{control:Object(j.jsx)(ka.a,{value:"allowExtraEmails",color:"primary"}),label:"I want to receive inspiration, marketing promotions and updates via email."})})]}),Object(j.jsx)(zt.a,{type:"submit",fullWidth:!0,variant:"contained",sx:{mt:3,mb:2},children:"Sign Up"}),Object(j.jsx)(qt.a,{container:!0,justifyContent:"flex-end",children:Object(j.jsx)(qt.a,{item:!0,children:Object(j.jsx)(Na.a,{href:"#",variant:"body2",children:"Already have an account? Sign in"})})})]})]}),Object(j.jsx)(Da,{sx:{mt:5}})]})})}var Ra=Object(n.g)((function(e){var t=e.history;return Object(c.useEffect)((function(){var e=t.listen((function(){window.scrollTo(0,0)}));return function(){e()}})),null})),Fa=a(150);a(225);Fa.config();var La=function(){var e=Object(c.useContext)(b).theme;return Object(j.jsx)("div",{className:e,children:Object(j.jsxs)(Mt.a,{project:Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0}).YOUR_PROJECT_ID,children:[Object(j.jsxs)(i.a,{children:[Object(j.jsx)(Ra,{}),Object(j.jsxs)(n.d,{children:[Object(j.jsx)(n.b,{path:"/",exact:!0,component:xa}),Object(j.jsx)(n.b,{path:"/projects",exact:!0,component:Oa}),Object(j.jsx)(n.b,{path:"/thankyou",exact:!0,component:ga}),Object(j.jsx)(n.b,{path:"/formpage",exact:!0,component:Pa}),Object(j.jsx)(n.a,{to:"/"})]})]}),Object(j.jsx)(ia,{})]})})},Aa=function(e){e&&e instanceof Function&&a.e(3).then(a.bind(null,322)).then((function(t){var a=t.getCLS,c=t.getFID,r=t.getFCP,s=t.getLCP,i=t.getTTFB;a(e),c(e),r(e),s(e),i(e)}))};a(226),a(227);s.a.render(Object(j.jsx)(m,{children:Object(j.jsx)(La,{})}),document.getElementById("root")),Aa()}},[[228,1,2]]]); +//# sourceMappingURL=main.ac6118f4.chunk.js.map \ No newline at end of file diff --git a/build/static/js/main.ac6118f4.chunk.js.map b/build/static/js/main.ac6118f4.chunk.js.map new file mode 100644 index 0000000..bfd27d9 --- /dev/null +++ b/build/static/js/main.ac6118f4.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["assets/img/floatWindow.gif","data/themeData.js","theme/theme.js","assets/svg/contacts/contactsPrimary.svg","contexts/ThemeContext.js","assets/svg/social/github.svg","assets/svg/social/linkedin.svg","contexts/ThemeSwitcher.js","assets/img/JCircle.png","assets/img/JCircle_dark_gray.png","data/headerData.js","assets/pdf/Jon_Christie_Resume.pdf","components/Navbar/Navbar.js","data/socialsData.js","components/Landing/Landing.js","data/aboutData.js","components/Background/Background.js","components/About/About.js","data/skillsData.js","assets/svg/skills/gcp.svg","assets/svg/skills/html.svg","assets/svg/skills/photoshop.svg","assets/svg/skills/illustrator.svg","assets/svg/skills/docker.svg","assets/svg/skills/adobe-xd.svg","assets/svg/skills/after-effects.svg","assets/svg/skills/css.svg","assets/svg/skills/angular.svg","assets/svg/skills/javascript.svg","assets/svg/skills/nextJS.svg","assets/svg/skills/nuxtJS.svg","assets/svg/skills/react.svg","assets/svg/skills/svelte.svg","assets/svg/skills/typescript.svg","assets/svg/skills/vue.svg","assets/svg/skills/bootstrap.svg","assets/svg/skills/bulma.svg","assets/svg/skills/capacitorjs.svg","assets/svg/skills/coffeescript.svg","assets/svg/skills/memsql.svg","assets/svg/skills/mongoDB.svg","assets/svg/skills/mysql.svg","assets/svg/skills/postgresql.svg","assets/svg/skills/tailwind.svg","assets/svg/skills/vitejs.svg","assets/svg/skills/vuetifyjs.svg","assets/svg/skills/c.svg","assets/svg/skills/cplusplus.svg","assets/svg/skills/csharp.svg","assets/svg/skills/dart.svg","assets/svg/skills/go.svg","assets/svg/skills/java.svg","assets/svg/skills/julia.svg","assets/svg/skills/kotlin.svg","assets/svg/skills/matlab.svg","assets/svg/skills/php.svg","assets/svg/skills/python.svg","assets/svg/skills/ruby.svg","assets/svg/skills/swift.svg","assets/svg/skills/adobeaudition.svg","assets/svg/skills/aws.svg","assets/svg/skills/deno.svg","assets/svg/skills/django.svg","assets/svg/skills/firebase.svg","assets/svg/skills/gimp.svg","assets/svg/skills/git.svg","assets/svg/skills/graphql.svg","assets/svg/skills/lightroom.svg","assets/svg/skills/materialui.svg","assets/svg/skills/nginx.svg","assets/svg/skills/numpy.svg","assets/svg/skills/opencv.svg","assets/svg/skills/premierepro.svg","assets/svg/skills/pytorch.svg","assets/svg/skills/selenium.svg","assets/svg/skills/strapi.svg","assets/svg/skills/tensorflow.svg","assets/svg/skills/webix.svg","assets/svg/skills/wordpress.svg","assets/svg/skills/azure.svg","assets/svg/skills/blender.svg","assets/svg/skills/fastify.svg","assets/svg/skills/figma.svg","assets/svg/skills/flutter.svg","assets/svg/skills/haxe.svg","assets/svg/skills/ionic.svg","assets/svg/skills/markdown.svg","assets/svg/skills/microsoftoffice.svg","assets/svg/skills/picsart.svg","assets/svg/skills/sketch.svg","assets/svg/skills/unity.svg","assets/svg/skills/wolframalpha.svg","assets/svg/skills/canva.svg","utils/skillsImage.js","components/Skills/Skills.js","assets/svg/testimonials/girl1.svg","assets/svg/testimonials/girl2.svg","assets/svg/testimonials/girl3.svg","assets/svg/testimonials/boy1.svg","assets/svg/testimonials/boy2.svg","data/testimonialsData.js","assets/svg/testimonials/boy3.svg","components/Testimonials/Testimonials.js","components/Contacts/Contacts.js","components/ContactForm/ContactForm.js","assets/svg/projects/spb.png","assets/svg/projects/pythonlog.svg","assets/svg/projects/mars.svg","assets/svg/projects/scb.svg","assets/img/expensetracker.png","assets/svg/projects/keys.png","data/projectsData.js","assets/img/gnco.png","assets/svg/projects/python.png","assets/png/placeholder.png","components/Projects/SingleProject/SingleProject.js","components/Projects/Projects.js","data/servicesData.js","components/Services/SingleService/SingleService.js","components/Services/Services.js","components/BackToTop/BackToTop.js","components/HorizontalRule/HorizontalRule.js","data/contactsData.js","components/PreContact/PreContact.js","components/Footer/Footer.js","pages/Main/Main.js","pages/Project/ProjectPage.js","pages/ThankYou/ThankYou.js","pages/FormPage/FormPage.js","utils/ScrollToTop.js","App.js","reportWebVitals.js","index.js"],"names":["themeData","theme","type","primary","primary400","primary600","primary80","primary50","primary30","secondary","secondary70","secondary50","tertiary","tertiary80","tertiary70","tertiary50","aboutimg1","floatingMan","aboutimg2","contactsimg","ThemeContext","createContext","ThemeContextProvider","props","useState","setTheme","drawerOpen","setDrawerOpen","value","setHandleDrawer","Provider","children","ThemeSwitcher","headerData","name","title","description","description2","href2","image","BG","BG2","resumePdf","Navbar","useContext","open","setOpen","handleDrawerClose","classes","makeStyles","t","navMenu","fontSize","color","cursor","transform","transition","breakpoints","down","MuiDrawer","padding","width","fontFamily","fontStyle","fontWeight","background","overflow","borderTopRightRadius","borderBottomRightRadius","bgStyle","height","paddingTop","closebtnIcon","position","right","top","drawerItem","margin","borderRadius","display","alignItems","justifyContent","boxSizing","border","borderColor","drawerLinks","marginRight","drawerIcon","useStyles","className","alt","src","onClick","Drawer","variant","onClose","event","reason","anchor","paper","disableScrollLock","onKeyDown","e","key","preventDefault","role","tabIndex","length","split","left","to","smooth","spy","duration","socialsData","Landing","resumeBtn","textTransform","textDecoration","backgroundColor","contactBtn","marginTop","style","href","target","rel","opacity","download","aboutData","titleProjects","description1","Background","aria","About","id","description3","description4","skillsData","skillsImage","skill","toLowerCase","gcp","html","photoshop","docker","illustrator","adobeXd","afterEffects","css","angular","javascript","nextJS","nuxtJS","react","svelte","typescript","vue","bootstrap","bulma","capacitorjs","coffeescript","memsql","mongoDB","mysql","postgresql","tailwind","vitejs","vuetifyjs","c","cplusplus","csharp","dart","go","java","kotlin","julia","matlab","php","python","ruby","swift","adobeaudition","aws","deno","django","firebase","gimp","git","graphql","lightroom","materialui","nginx","numpy","opencv","premierepro","pytorch","selenium","strapi","tensorflow","webix","wordpress","azure","blender","fastify","figma","flutter","haxe","ionic","markdown","microsoftoffice","picsart","sketch","unity","wolframalpha","canva","Skills","skillBoxStyle","boxShadow","gradient","speed","pauseOnHover","pauseOnClick","delay","play","direction","map","testimonialsData","text","boy2","girl2","girl1","boy1","girl3","Testimonials","sliderRef","useRef","dots","adaptiveHeight","infinite","arrows","slidesToShow","slidesToScroll","autoplay","loop","autoplaySpeed","draggable","swipeToSlide","swipe","ref","test","current","slickPrev","slickNext","Contacts","styled","Paper","palette","mode","typography","body2","spacing","textAlign","ContactForm","projectsData","projectName","projectDesc","tags","code","demo","etrn","one","tech","three","scb","keys","SingleProject","desc","iconBtn","icon","bottom","replace","placeholder","tag","Projects","slice","project","servicesData","SingleService","Services","services","BackToTop","visible","setVisible","window","addEventListener","scrolled","document","documentElement","scrollTop","scrollTo","behavior","HorizontalRule","contactsData","createTheme","status","danger","main","darker","neutral","contrastText","container","flexDirection","h2","console","log","PreContact","Footer","Grid","Main","zIndex","Helmet","ProjectPage","search","setSearch","filteredArticles","filter","includes","outline","home","onChange","ThankYou","Copyright","Typography","align","Link","Date","getFullYear","FormPage","ThemeProvider","Container","component","maxWidth","CssBaseline","Box","sx","Avatar","m","bgcolor","noValidate","onSubmit","data","FormData","currentTarget","email","get","password","mt","item","xs","sm","TextField","autoComplete","required","fullWidth","label","autoFocus","FormControlLabel","control","Checkbox","mb","withRouter","history","useEffect","unlisten","listen","dotenv","App","process","YOUR_PROJECT_ID","path","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.ac6118f4.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/floatWindow.57aee580.gif\";","/* eslint-disable */\nimport {\n\tprimaryThemeDark\n} from '../theme/theme'\n\nexport const themeData = {\n\ttheme: primaryThemeDark\n}","/* eslint-disable */\nimport {\n\tfloatingMan,contactsPrimary\n} from './images'\n\n\nexport const primaryThemeDark = {\n\ttype: 'dark',\n\tprimary: '#2d3334',\n\tprimary400: '#51686B',\n\tprimary600: '#1A3C41',\n\tprimary80: '#165159',\n\tprimary50: '#032D3380',\n\tprimary30: '#0000004D',\n\tsecondary: '#000000F0',\n\tsecondary70: '#FFB908',\n\tsecondary50: '#A08F23',\n\ttertiary: '#eaeaea',\n\ttertiary80: '#eaeaeacc',\n\ttertiary70: '#eaeaeab3',\n\ttertiary50: '#eaeaea80',\n\taboutimg1: floatingMan,\n\taboutimg2: floatingMan,\n\tcontactsimg: contactsPrimary\n}","export default __webpack_public_path__ + \"static/media/contactsPrimary.acaae327.svg\";","import React, { createContext, useState } from 'react'\nimport { themeData } from '../data/themeData'\nexport const ThemeContext = createContext()\n\nfunction ThemeContextProvider(props) {\nconst [theme, setTheme] = useState(themeData.theme)\n\tconst [drawerOpen, setDrawerOpen] = useState(false)\n\t\n \n\tconst setHandleDrawer = () => {\n\t\tsetDrawerOpen(!drawerOpen);\n\t\tsetTheme(themeData.theme)\n\t}\n\n\tconst value = { theme, drawerOpen, setHandleDrawer }\n\treturn (\n\t\t\n\t\t\t{props.children}\n\t\t\n\t)\n}\n\nexport default ThemeContextProvider","export default __webpack_public_path__ + \"static/media/github.50ecaab5.svg\";","export default __webpack_public_path__ + \"static/media/linkedin.a55160cb.svg\";","import React, { useContext } from \"react\"\nimport { Button } from \"react-bootstrap\"\nimport ThemeContext from \"../contexts/ThemeContext\"\nimport gh from '../assets/svg/social/github.svg';\nimport li from '../assets/svg/social/linkedin.svg';\n\nfunction ThemeSwitcher() {\n const { theme, setTheme } = useContext(ThemeContext)\n\n return (\n setTheme(theme === \"dark\" ? \"light\" : \"dark\")}\n className=\"button-theme\"\n >\n \n \n )\n}\n\nexport default ThemeSwitcher","export default __webpack_public_path__ + \"static/media/JCircle.396647e0.png\";","export default __webpack_public_path__ + \"static/media/JCircle_dark_gray.77dc7436.png\";","import resume from '../assets/pdf/Jon_Christie_Resume.pdf';\n\nexport const headerData = {\n\tname: 'Jon Christie',\n\ttitle: \"\",\n\tdescription: \"React and React Native Developer with full stack experience, online\teducator, musician, and a solid asset for your next project or adventure! \",\n\tdescription2: \" \",\n\thref2: \"\\\" alt='jon christie headshot portfolio fullstack11235'\\\">\",\n\timage: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/png/HEADSHOT_CIRCLE.png',\n\tBG: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle.png',\n\tBG2: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle_dark_gray.png',\n\tresumePdf: resume\n}","export default __webpack_public_path__ + \"static/media/Jon_Christie_Resume.60ac1a52.pdf\";","import React, { useContext, useState } from 'react';\nimport { NavHashLink as NavLink } from 'react-router-hash-link';\nimport Fade from 'react-reveal/Fade';\nimport { IoMenuSharp, IoHomeSharp } from 'react-icons/io5';\nimport { HiDocumentText } from 'react-icons/hi';\nimport { BsFillGearFill } from 'react-icons/bs';\nimport { MdPhone } from 'react-icons/md';\nimport { FaUser } from 'react-icons/fa';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Drawer from '@material-ui/core/Drawer';\nimport CloseIcon from '@material-ui/icons/Close';\nimport BG from \"../../assets/img/JCircle.png\";\nimport BG2 from \"../../assets/img/JCircle_dark_gray.png\";\nimport './Navbar.css';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { headerData } from '../../data/headerData'\n\nfunction Navbar() {\n\tconst { theme, setHandleDrawer } = useContext(ThemeContext); //useContext accepts ThemeContext and set to destructured the theme and setHandleDrawer\n\n\tconst [open, setOpen] = useState(false);\n\n\t// handler function for drawer that sets the state of the drawer to Open and calls \tthe setHandleDrawer function in the ThemeContext\n\tconst handleDrawerOpen = () => {\n\t\tsetOpen(true);\n\t\tsetHandleDrawer();\n\t};\n\n\tconst handleDrawerClose = () => {\n\t\tsetOpen(false);\n\t\tsetHandleDrawer();\n\t};\n\n\tconst useStyles = makeStyles((t) => ({\n\t\tnavMenu: {\n\t\t\tfontSize: '2.5rem',\n\t\t\tcolor: theme.tertiary,\n\t\t\tcursor: 'pointer',\n\t\t\ttransform: 'translateY(-10px)',\n\t\t\ttransition: 'color 0.3s',\n\t\t\t'&:hover': {\n\t\t\t\tcolor: theme.primary,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tfontSize: '2.5rem',\n\t\t\t},\n\t\t\t[t.breakpoints.down('xs')]: {\n\t\t\t\tfontSize: '2rem',\n\t\t\t},\n\t\t},\n\t\tMuiDrawer: {\n\t\t\tpadding: '0em 1.8em',\n\t\t\twidth: '14em',\n\t\t\tfontFamily: ' var(--primaryFont)',\n\t\t\tfontStyle: ' normal',\n\t\t\tfontWeight: ' normal',\n\t\t\tfontSize: ' 24px',\n\t\t\tbackground: theme.secondary,\n\t\t\toverflow: 'hidden',\n\t\t\tborderTopRightRadius: '40px',\n\t\t\tborderBottomRightRadius: '40px',\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '12em',\n\t\t\t},\n\t\t},\n\t\tbgStyle: {\n\t\t\theight: '10em',\n\t\t\tpaddingTop: '5%',\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tpaddingTop: '13%',\n\t\t\t},\n\t\t\tbackground: `url(${BG})`,\n\t\t\t'&:hover': {\n\t\t\t\tbackground: `url(${BG2})`,\n\t\t\t},\n\t\t\t\n\t\t},\n\n\t\tclosebtnIcon: {\n\t\t\tfontSize: '2rem',\n\t\t\tfontWeight: 'bold',\n\t\t\tcursor: 'pointer',\n\t\t\tcolor: theme.primary,\n\t\t\tposition: 'absolute',\n\t\t\tright: 40,\n\t\t\ttop: 40,\n\t\t\ttransition: 'color 0.2s',\n\t\t\t'&:hover': {\n\t\t\t\tcolor: theme.tertiary,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tright: 20,\n\t\t\t\ttop: 20, \n\t\t\t},\n\t\t},\n\t\tdrawerItem: {\n\t\t\tmargin: '2rem auto',\n\t\t\tborderRadius: '78.8418px',\n\t\t\tbackground: '#333',\n\t\t\tcolor: ' #FFB908',\n\t\t\twidth: '85%',\n\t\t\theight: '60px',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'space-evenly',\n\t\t\tpadding: '0 30px',\n\t\t\tboxSizing: 'border-box',\n\t\t\tborder: '2px solid',\n\t\t\tborderColor: theme.primary,\n\t\t\ttransition: 'background-color 0.2s, color 0.2s',\n\t\t\t'&:hover': {\n\t\t\t\tbackground: theme.primary,\n\t\t\t\tcolor: '#2d3334',\n\t\t\t\tborder: '1px solid #2d3334',\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '100%',\n\t\t\t\tpadding: '0 25px',\n\t\t\t\theight: '55px',\n\t\t\t},\n\t\t},\n\t\tdrawerLinks: {\n\t\t\tmarginRight: '1.5rem',\n\t\t\tfontFamily: 'var(--primaryFont)',\n\t\t\twidth: '50%',\n\t\t\tfontSize: '1.3rem',\n\t\t\tfontWeight: 600,\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tfontSize: '1.125rem',\n\t\t\t},\n\t\t},\n\t\tdrawerIcon: {\n\t\t\tfontSize: '1.6rem',\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tfontSize: '1.385rem',\n\t\t\t},\n\t\t},\n\t}));\n\n\tconst classes = useStyles();\n\n\tconst shortname = (name) => {\n\t\tif (name.length > 12) {\n\t\t\treturn name.split(' ')[0];\n\t\t} else {\n\t\t\treturn name;\n\t\t}\n\t};\n\n\treturn (\n\t\t
\n\t\t\t
\n\n\t\t\t\t\"jon\n\n\t\t\t\t\n\t\t\t
\n\t\t\t {\n\t\t\t\t\tif (reason !== 'backdropClick') {\n\t\t\t\t\t\thandleDrawerClose();\n\t\t\t\t\t} else if (reason !== 'escapeKeyDown') {\n\t\t\t\t\t\thandleDrawerClose();\t\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tanchor='left'\n\t\t\t\topen={open}\n\t\t\t\tclasses={{ paper: classes.MuiDrawer }}\n\t\t\t\tclassName='drawer'\n\t\t\t\tdisableScrollLock={true}\n\t\t\t>\n\t\t\t\t
\n\t\t\t\t\t {\n\t\t\t\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\thandleDrawerClose();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={classes.closebtnIcon}\n\t\t\t\t\t\trole='button'\n\t\t\t\t\t\ttabIndex='0'\n\t\t\t\t\t\taria-label='Close'\n\t\t\t\t\t/>{shortname}\n\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tHome\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tAbout\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tResume\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tServices\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tContact\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t
\n\t);\n}\n\nexport default Navbar;\n","export const socialsData = {\n\tgithub: 'https://github.com/mathcodes/',\n\tfacebook: 'https://www.facebook.com/fullstack11235',\n\tlinkedIn: 'https://www.linkedin.com/in/thejonpchristie/',\n\tyoutube: 'https://www.youtube.com/channel/UC5GFnN-lv8Yuqc9O3b79k6g',\n\tinstagram: 'https://www.instagram.com/fullstack11235/',\n\tcodepen: 'https://codepen.io/mathcodes',\n\ttwitter: 'https://twitter.com/thejonchristie/',\n\treddit: 'https://www.reddit.com/user/fullstack11235813',\n\tstackOverflow: 'https://stackoverflow.com/users/11303840/jon-christie',\n\treplit: 'https://replit.com/@fullstack11235',\n}\n ","import React, { useContext } from 'react';\nimport { Button } from '@material-ui/core';\nimport { NavHashLink as NavLink } from 'react-router-hash-link';\nimport { makeStyles } from '@material-ui/core/styles';\nimport './Landing.css';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { headerData } from '../../data/headerData';\nimport { socialsData } from '../../data/socialsData';\n\nimport {\n\tFaTwitter,\n\tFaLinkedin,\n\tFaGithub,\n\tFaYoutube,\n\tFaStackOverflow,\n\tFaCodepen,\n} from 'react-icons/fa';\nimport { SiReplit } from 'react-icons/si';\nfunction Landing() {\n\tconst { theme, drawerOpen } = useContext(ThemeContext);\n\n\tconst useStyles = makeStyles((t) => ({\n\t\tresumeBtn: {\n\t\t\tcolor: theme.primary,\n\t\t\tborderRadius: '30px',\n\t\t\ttextTransform: 'inherit',\n\t\t\ttextDecoration: 'none',\n\t\t\twidth: '150px',\n\t\t\tfontSize: '.75rem',\n\t\t\tfontWeight: '500',\n\t\t\theight: '50px',\n\t\t\tfontFamily: 'var(--primaryFont)',\n\t\t\tborder: `3px solid ${theme.primary}`,\n\t\t\ttransition: '100ms ease-out',\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: theme.primary,\n\t\t\t\tcolor: '#121212',\n\t\t\t\tborder: `3px inset #121212`,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '120px',\n\t\t\t\theight: '40px',\n\t\t\t\tfontSize: '0.6rem',\n\t\t\t},\n\t\t},\n\n\t\tcontactBtn: {\n\t\t\tbackgroundColor: theme.primary,\n\t\t\tcolor: theme.secondary,\n\t\t\tborderRadius: '30px',\n\t\t\ttextTransform: 'inherit',\n\t\t\ttextDecoration: 'none',\n\t\t\twidth: '150px',\n\t\t\theight: '50px',\n\t\t\tfontSize: '.75rem',\n\t\t\tfontWeight: '500',\n\t\t\tfontFamily: 'var(--primaryFont)',\n\t\t\tborder: `3px solid ${theme.primary}`,\n\t\t\ttransition: '100ms ease-out',\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: theme.secondary,\n\t\t\t\tcolor: theme.primary,\n\t\t\t\tborder: `3px solid ${theme.tertiary}`,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '120px',\n\t\t\t\theight: '40px',\n\t\t\t\tfontSize: '0.6rem',\n\t\t\t\tmarginTop: '1rem',\n\t\t\t},\n\t\t},\n\t}));\n\n\tconst classes = useStyles();\n\n\treturn (\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t{socialsData.github && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}{socialsData.twitter && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{socialsData.linkedIn && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{socialsData.youtube && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{socialsData.codepen && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{socialsData.codepen && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{socialsData.replit && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
{headerData.title}
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t

{headerData.name}

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t

{headerData.description}

\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{headerData.resumePdf && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport default Landing;\n","export const aboutData = {\n\ttitle: \"About Me\",\n\ttitleProjects: \"Projects\",\n\tdescription1: \"Front-End Developer with experience working with Javascript, Typescript, React and React Native enhancing and creating websites for clients. As a teacher for 10 years, I also provide guidance and content to clients and the community, bringing clarity to confusion on a daily basis.\",\n\tdescription2: \"My ongoing drive to learn and adapt along with my passion for coding, education, gaming, technology, science and green energy have helped me become an irreplaceable asset for the companies and teammates I’ve had the pleasure working with over the years.\",\n\timage: 2\n}\n","\nimport React from 'react';\nimport './Background.css';\nimport PsychologyIcon from '@mui/icons-material/Psychology';\nimport HandshakeIcon from '@mui/icons-material/Handshake';\nimport WorkIcon from '@mui/icons-material/Work';\nimport UpgradeIcon from '@mui/icons-material/Upgrade';\nimport { VscCode } from \"react-icons/vsc\";\nimport { WiStars, WiMeteor } from \"react-icons/wi\";\nimport {\n\tDiVisualstudio,\n\tDiNpm,\n\tDiJsBadge,\n\tDiJavascript,\n\tDiJavascript1,\n\tDiHeroku,\n\tDiCss3,\n\tDiCss3Full,\n\tDiDatabase,\n\tDiGit,\n} from \"react-icons/di\";\nimport { SlSocialGithub, SlSocialTwitter, SlMusicToneAlt } from \"react-icons/sl\";\nimport {\n\tFaTwitter,\n\tFaLinkedinIn,\n\tFaGithub,\n\tFaYoutube,\n\tFaCodepen,\n\tFaInstagram,\n\tFaBootstrap,\n\tFaCss3Alt,\n\tFaReact,\n} from 'react-icons/fa';\n\n\nfunction Background() {\n\n\treturn (\n\t\t<>\n\t\t\t
\n\t\t\t\t
    \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t{/*
    • */}\n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
    \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t\t
    • \n\t\t\t\t
\n\t\t\t
\n\t\t\n\t)\n};\n\nexport default Background;\n\n","import React, { useContext } from 'react';\n\nimport './About.css';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { aboutData } from '../../data/aboutData'\nimport Background from '../Background/Background';\n\n\nfunction About() {\n\n const { theme } = useContext(ThemeContext);\n return (\n
\n
\n
\n
\n
\n
\n
\n
\n

{aboutData.title}

\n

{aboutData.description1}

{aboutData.description2}

{aboutData.description3}

{aboutData.description4}

\n
\n
\n \"\"\n
\n
\n \n
\n\n )\n}\n\nexport default About\n","export const skillsData = [\n\t'React',\n\t'HTML',\n\t'Javascript',\n\t'TypeScript',\n\t'CSS',\n\t'MongoDB',\n\t'Python',\n\t'Angular',\n\t'React',\n\t'Django',\n\t'Bootstrap',\n\t'MaterialUI',\n\t'Git',\n\t'AWS',\n\t'Blender',\n\t'Unity',\n\t'Adobe',\n]","export default __webpack_public_path__ + \"static/media/gcp.1b20e46e.svg\";","export default __webpack_public_path__ + \"static/media/html.6a342d61.svg\";","export default __webpack_public_path__ + \"static/media/photoshop.1114b31f.svg\";","export default __webpack_public_path__ + \"static/media/illustrator.33feff48.svg\";","export default __webpack_public_path__ + \"static/media/docker.a6221ab3.svg\";","export default __webpack_public_path__ + \"static/media/adobe-xd.a6dca99d.svg\";","export default __webpack_public_path__ + \"static/media/after-effects.3c076652.svg\";","export default __webpack_public_path__ + \"static/media/css.43b6f4bd.svg\";","export default __webpack_public_path__ + \"static/media/angular.d4cb4fa5.svg\";","export default __webpack_public_path__ + \"static/media/javascript.e9360603.svg\";","export default __webpack_public_path__ + \"static/media/nextJS.fc272ac2.svg\";","export default __webpack_public_path__ + \"static/media/nuxtJS.81cb52af.svg\";","export default __webpack_public_path__ + \"static/media/react.2b6a0717.svg\";","export default __webpack_public_path__ + \"static/media/svelte.7b116dd5.svg\";","export default __webpack_public_path__ + \"static/media/typescript.31f8fee8.svg\";","export default __webpack_public_path__ + \"static/media/vue.47bdfb5a.svg\";","export default __webpack_public_path__ + \"static/media/bootstrap.19a2d2ff.svg\";","export default __webpack_public_path__ + \"static/media/bulma.5910d441.svg\";","export default __webpack_public_path__ + \"static/media/capacitorjs.7517cfe2.svg\";","export default __webpack_public_path__ + \"static/media/coffeescript.848d1c77.svg\";","export default __webpack_public_path__ + \"static/media/memsql.aecce246.svg\";","export default __webpack_public_path__ + \"static/media/mongoDB.6c6da702.svg\";","export default __webpack_public_path__ + \"static/media/mysql.f9e45d29.svg\";","export default __webpack_public_path__ + \"static/media/postgresql.c0d71b7c.svg\";","export default __webpack_public_path__ + \"static/media/tailwind.254c4865.svg\";","export default __webpack_public_path__ + \"static/media/vitejs.b99f0b09.svg\";","export default __webpack_public_path__ + \"static/media/vuetifyjs.8a22a3ec.svg\";","export default __webpack_public_path__ + \"static/media/c.77377419.svg\";","export default __webpack_public_path__ + \"static/media/cplusplus.3398ef50.svg\";","export default __webpack_public_path__ + \"static/media/csharp.8f35e178.svg\";","export default __webpack_public_path__ + \"static/media/dart.30bf58d8.svg\";","export default __webpack_public_path__ + \"static/media/go.cda9e1cf.svg\";","export default __webpack_public_path__ + \"static/media/java.d004bc17.svg\";","export default __webpack_public_path__ + \"static/media/julia.be076220.svg\";","export default __webpack_public_path__ + \"static/media/kotlin.4f592da4.svg\";","export default __webpack_public_path__ + \"static/media/matlab.3d4e15a6.svg\";","export default __webpack_public_path__ + \"static/media/php.8132ef91.svg\";","export default __webpack_public_path__ + \"static/media/python.cf32ad96.svg\";","export default __webpack_public_path__ + \"static/media/ruby.34e792ab.svg\";","export default __webpack_public_path__ + \"static/media/swift.a030128a.svg\";","export default __webpack_public_path__ + \"static/media/adobeaudition.afa937d5.svg\";","export default __webpack_public_path__ + \"static/media/aws.0510b15a.svg\";","export default __webpack_public_path__ + \"static/media/deno.96d4a63d.svg\";","export default __webpack_public_path__ + \"static/media/django.d51a8aa4.svg\";","export default __webpack_public_path__ + \"static/media/firebase.99786447.svg\";","export default __webpack_public_path__ + \"static/media/gimp.7cff4c04.svg\";","export default __webpack_public_path__ + \"static/media/git.a0b8447e.svg\";","export default __webpack_public_path__ + \"static/media/graphql.be1dc316.svg\";","export default __webpack_public_path__ + \"static/media/lightroom.0e67d833.svg\";","export default __webpack_public_path__ + \"static/media/materialui.518da2c0.svg\";","export default __webpack_public_path__ + \"static/media/nginx.14c0011a.svg\";","export default __webpack_public_path__ + \"static/media/numpy.5bdfa40b.svg\";","export default __webpack_public_path__ + \"static/media/opencv.0f128460.svg\";","export default __webpack_public_path__ + \"static/media/premierepro.ee38e1aa.svg\";","export default __webpack_public_path__ + \"static/media/pytorch.1862724d.svg\";","export default __webpack_public_path__ + \"static/media/selenium.7dcf1c14.svg\";","export default __webpack_public_path__ + \"static/media/strapi.ac0a6e67.svg\";","export default __webpack_public_path__ + \"static/media/tensorflow.6d6f2e37.svg\";","export default __webpack_public_path__ + \"static/media/webix.99dfb57f.svg\";","export default __webpack_public_path__ + \"static/media/wordpress.1c0bf6df.svg\";","export default __webpack_public_path__ + \"static/media/azure.a4419965.svg\";","export default __webpack_public_path__ + \"static/media/blender.b96901d1.svg\";","export default __webpack_public_path__ + \"static/media/fastify.1b930a41.svg\";","export default __webpack_public_path__ + \"static/media/figma.1cd44608.svg\";","export default __webpack_public_path__ + \"static/media/flutter.643a93c8.svg\";","export default __webpack_public_path__ + \"static/media/haxe.10a910ff.svg\";","export default __webpack_public_path__ + \"static/media/ionic.d2050eeb.svg\";","export default __webpack_public_path__ + \"static/media/markdown.62e50cf0.svg\";","export default __webpack_public_path__ + \"static/media/microsoftoffice.c3a1f4f1.svg\";","export default __webpack_public_path__ + \"static/media/picsart.f869489b.svg\";","export default __webpack_public_path__ + \"static/media/sketch.87c83552.svg\";","export default __webpack_public_path__ + \"static/media/unity.ad58069d.svg\";","export default __webpack_public_path__ + \"static/media/wolframalpha.24726d34.svg\";","export default __webpack_public_path__ + \"static/media/canva.b96f915b.svg\";","import gcp from '../assets/svg/skills/gcp.svg'\nimport html from '../assets/svg/skills/html.svg'\nimport photoshop from '../assets/svg/skills/photoshop.svg'\nimport illustrator from '../assets/svg/skills/illustrator.svg'\nimport docker from '../assets/svg/skills/docker.svg'\nimport adobeXd from '../assets/svg/skills/adobe-xd.svg'\nimport afterEffects from '../assets/svg/skills/after-effects.svg'\nimport css from '../assets/svg/skills/css.svg'\nimport angular from '../assets/svg/skills/angular.svg'\nimport javascript from '../assets/svg/skills/javascript.svg'\nimport nextJS from '../assets/svg/skills/nextJS.svg'\nimport nuxtJS from '../assets/svg/skills/nuxtJS.svg'\nimport react from '../assets/svg/skills/react.svg'\nimport svelte from '../assets/svg/skills/svelte.svg'\nimport typescript from '../assets/svg/skills/typescript.svg'\nimport vue from '../assets/svg/skills/vue.svg'\nimport bootstrap from '../assets/svg/skills/bootstrap.svg'\nimport bulma from '../assets/svg/skills/bulma.svg'\nimport capacitorjs from '../assets/svg/skills/capacitorjs.svg'\nimport coffeescript from '../assets/svg/skills/coffeescript.svg'\nimport memsql from '../assets/svg/skills/memsql.svg'\nimport mongoDB from '../assets/svg/skills/mongoDB.svg'\nimport mysql from '../assets/svg/skills/mysql.svg'\nimport postgresql from '../assets/svg/skills/postgresql.svg'\nimport tailwind from '../assets/svg/skills/tailwind.svg'\nimport vitejs from '../assets/svg/skills/vitejs.svg'\nimport vuetifyjs from '../assets/svg/skills/vuetifyjs.svg'\nimport c from '../assets/svg/skills/c.svg'\nimport cplusplus from '../assets/svg/skills/cplusplus.svg'\nimport csharp from '../assets/svg/skills/csharp.svg'\nimport dart from '../assets/svg/skills/dart.svg'\nimport go from '../assets/svg/skills/go.svg'\nimport java from '../assets/svg/skills/java.svg'\nimport julia from '../assets/svg/skills/julia.svg'\nimport kotlin from '../assets/svg/skills/kotlin.svg'\nimport matlab from '../assets/svg/skills/matlab.svg'\nimport php from '../assets/svg/skills/php.svg'\nimport python from '../assets/svg/skills/python.svg'\nimport ruby from '../assets/svg/skills/ruby.svg'\nimport swift from '../assets/svg/skills/swift.svg'\nimport adobeaudition from '../assets/svg/skills/adobeaudition.svg'\nimport aws from '../assets/svg/skills/aws.svg'\nimport deno from '../assets/svg/skills/deno.svg'\nimport django from '../assets/svg/skills/django.svg'\nimport firebase from '../assets/svg/skills/firebase.svg'\nimport gimp from '../assets/svg/skills/gimp.svg'\nimport git from '../assets/svg/skills/git.svg'\nimport graphql from '../assets/svg/skills/graphql.svg'\nimport lightroom from '../assets/svg/skills/lightroom.svg'\nimport materialui from '../assets/svg/skills/materialui.svg'\nimport nginx from '../assets/svg/skills/nginx.svg'\nimport numpy from '../assets/svg/skills/numpy.svg'\nimport opencv from '../assets/svg/skills/opencv.svg'\nimport premierepro from '../assets/svg/skills/premierepro.svg'\nimport pytorch from '../assets/svg/skills/pytorch.svg'\nimport selenium from '../assets/svg/skills/selenium.svg'\nimport strapi from '../assets/svg/skills/strapi.svg'\nimport tensorflow from '../assets/svg/skills/tensorflow.svg'\nimport webix from '../assets/svg/skills/webix.svg'\nimport wordpress from '../assets/svg/skills/wordpress.svg'\n\nimport azure from '../assets/svg/skills/azure.svg'\nimport blender from '../assets/svg/skills/blender.svg'\nimport fastify from '../assets/svg/skills/fastify.svg'\nimport figma from '../assets/svg/skills/figma.svg'\nimport flutter from '../assets/svg/skills/flutter.svg'\nimport haxe from '../assets/svg/skills/haxe.svg'\nimport ionic from '../assets/svg/skills/ionic.svg'\nimport markdown from '../assets/svg/skills/markdown.svg'\nimport microsoftoffice from '../assets/svg/skills/microsoftoffice.svg'\nimport picsart from '../assets/svg/skills/picsart.svg'\nimport sketch from '../assets/svg/skills/sketch.svg'\nimport unity from '../assets/svg/skills/unity.svg'\nimport wolframalpha from '../assets/svg/skills/wolframalpha.svg'\n\nimport canva from '../assets/svg/skills/canva.svg'\n\n\nexport const skillsImage = (skill) => {\n const skillID = skill.toLowerCase();\n switch (skillID) {\n case 'gcp':\n return gcp;\n case 'html':\n return html;\n case 'photoshop':\n return photoshop;\n case 'docker':\n return docker;\n case 'illustrator':\n return illustrator;\n case 'adobe xd':\n return adobeXd;\n case 'after effects':\n return afterEffects;\n case 'css':\n return css;\n case 'angular':\n return angular;\n case 'javascript':\n return javascript;\n case 'next js':\n return nextJS;\n case 'nuxt js':\n return nuxtJS;\n case 'react':\n return react;\n case 'svelte':\n return svelte;\n case 'typescript':\n return typescript;\n case 'vue':\n return vue;\n case 'bootstrap':\n return bootstrap;\n case 'bulma':\n return bulma;\n case 'capacitorjs':\n return capacitorjs;\n case 'coffeescript':\n return coffeescript;\n case 'memsql':\n return memsql;\n case 'mongodb':\n return mongoDB;\n case 'mysql':\n return mysql;\n case 'postgresql':\n return postgresql;\n case 'tailwind':\n return tailwind;\n case 'vitejs':\n return vitejs;\n case 'vuetifyjs':\n return vuetifyjs;\n case 'c':\n return c;\n case 'c++':\n return cplusplus;\n case 'c#':\n return csharp;\n case 'dart':\n return dart;\n case 'go':\n return go;\n case 'java':\n return java;\n case 'kotlin':\n return kotlin;\n case 'julia':\n return julia;\n case 'matlab':\n return matlab;\n case 'php':\n return php;\n case 'python':\n return python;\n case 'ruby':\n return ruby;\n case 'swift':\n return swift;\n case 'adobe audition':\n return adobeaudition;\n case 'aws':\n return aws;\n case 'deno':\n return deno;\n case 'django':\n return django;\n case 'firebase':\n return firebase;\n case 'gimp':\n return gimp;\n case 'git':\n return git;\n case 'graphql':\n return graphql;\n case 'lightroom':\n return lightroom;\n case 'materialui':\n return materialui;\n case 'nginx':\n return nginx;\n case 'numpy':\n return numpy;\n case 'opencv':\n return opencv;\n case 'premiere pro':\n return premierepro;\n case 'pytorch':\n return pytorch;\n case 'selenium':\n return selenium;\n case 'strapi':\n return strapi;\n case 'tensorflow':\n return tensorflow;\n case 'webix':\n return webix;\n case 'wordpress':\n return wordpress;\n case 'azure':\n return azure;\n case 'blender':\n return blender;\n case 'fastify':\n return fastify;\n case 'figma':\n return figma;\n case 'flutter':\n return flutter;\n case 'haxe':\n return haxe;\n case 'ionic':\n return ionic;\n case 'markdown':\n return markdown;\n case 'microsoft office':\n return microsoftoffice;\n case 'picsart':\n return picsart;\n case 'sketch':\n return sketch;\n case 'unity':\n return unity;\n case 'wolframalpha':\n return wolframalpha;\n case 'canva':\n return canva;\n default:\n break;\n }\n}\n","import React, { useContext } from 'react';\nimport Marquee from \"react-fast-marquee\";\n\nimport './Skills.css'\n\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { skillsData } from '../../data/skillsData'\nimport { skillsImage } from '../../utils/skillsImage'\n\nfunction Skills() {\n\n\tconst { theme } = useContext(ThemeContext);\n\n\tconst skillBoxStyle = {\n\t\tbackgroundColor: theme.secondary,\n\t\tboxShadow: `0px 0px 30px ${theme.primary30}`\n\t}\n\n\treturn (\n\t\t
\n\n\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t

Skills

\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{skillsData.map((skill, id) => (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{skill}\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t{skill}\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t)\n}\n\nexport default Skills\n\n\n","export default __webpack_public_path__ + \"static/media/girl1.7f9d8736.svg\";","export default __webpack_public_path__ + \"static/media/girl2.c1222fab.svg\";","export default __webpack_public_path__ + \"static/media/girl3.46f7c62b.svg\";","export default __webpack_public_path__ + \"static/media/boy1.f9c177c8.svg\";","export default __webpack_public_path__ + \"static/media/boy2.ece5c080.svg\";","import girl1 from '../assets/svg/testimonials/girl1.svg'\nimport girl2 from '../assets/svg/testimonials/girl2.svg'\nimport girl3 from '../assets/svg/testimonials/girl3.svg'\nimport boy1 from '../assets/svg/testimonials/boy1.svg'\nimport boy2 from '../assets/svg/testimonials/boy2.svg'\nimport boy3 from '../assets/svg/testimonials/boy3.svg'\n\nexport const testimonialsData = [\n\t{\n\t\tid: 1,\n\t\tname: 'K. Suwanarat, 2019',\n\t\ttitle: 'Client',\n\t\ttext: \"Jonathan Christie is hands down the best sales person I’ve ever dealt with! Professional, knowledgeable with a great personality. Just an all around good guy!\",\n\t\timage: boy2\n\t},\n\t{\n\t\tid: 2,\n\t\tname: \"Thomas Erickson\",\n\t\ttitle: 'Teaching Assistant at 2U',\n\t\ttext: \"You'd be doing yourself - and your company - a disservice by not giving Jon a chance!\",\n\t\timage: girl2\n\t},\n\t{\n\t\tid: 3,\n\t\tname: 'Sharon L Spencer',\n\t\ttitle: 'Educational Consultant at Rural School and Community Trust',\n\t\ttext: \"Jon is a great person with which to work. He has a gentle, supportive nature in working with others with a strong content knowledge.\",\n\t\timage: girl1\n\t},\n\t{\n\t\tid: 4,\n\t\tname: 'William VanHook,CPA ',\n\t\ttitle: 'Sr. Tax Accountant / Former Full Stack Bootcamp Student',\n\t\ttext: \"Jon is an initiator, a great contributor and I believe would be an asset to any project team or organization.\",\n\t\timage: boy1\n\t},\n\t{\n\t\tid: 5,\n\t\tname: \"Lori Miller, 2018\",\n\t\ttitle: 'client',\n\t\ttext: \"Jon was great, but what stook out to me was that he took the extra mile (with a smile) and covered every detail in the paperwork to where I walked away more confident and secure about my investment than ever before.\",\n\t\timage: girl3\n\t},\n\t{\n\t\tid: 6,\n\t\tname: \"Sarah Loch, 2018\",\n\t\ttext: \"Jonathan was so kind, helpful and easy to work with. He took care of all my requests with an exceptional attitude and professionalism. I am very happy with my experience and would not hesitate to come back!\",\n\t\ttitle: 'client',\n\t\timage: boy3\n\t},\n\t{\n\t\tid: 1,\n\t\tname: 'Luke Gladis, 2022',\n\t\ttitle: 'Client / CEO of Gladis and Co',\n\t\ttext: \"Jon > GoDaddy\",\n\t\timage: boy2\n\t}\n\t\n]","export default __webpack_public_path__ + \"static/media/boy3.a46b5f81.svg\";","import React, { useContext, useRef } from 'react';\nimport Slider from 'react-slick';\nimport { FaArrowRight, FaArrowLeft } from 'react-icons/fa';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { testimonialsData } from '../../data/testimonialsData';\nimport './Testimonials.css';\nimport Button from '@mui/material/Button';\n\n \nfunction Testimonials() {\n\tconst { theme } = useContext(ThemeContext);\n\tconst sliderRef = useRef();\n\tconst settings = {\n\t\tdots: true,\n\t\tadaptiveHeight: true,\n\t\tinfinite: true,\n\t\tspeed: 800,\n\t\tarrows: false,\n\t\tslidesToShow: 1,\n\t\tslidesToScroll: 1,\n\t\tautoplay: true,\n\t\tmargin: 3,\n\t\tloop: true,\n\t\tautoplaySpeed: 3000,\n\t\tdraggable: true,\n\t\tswipeToSlide: true,\n\t\tswipe: true,\n\t};\n\n\tconst gotoNext = () => {\n\t\tsliderRef.current.slickNext();\n\t};\n\n\tconst gotoPrev = () => {\n\t\tsliderRef.current.slickPrev();\n\t};\n\n\treturn (\n\t\t<>\n\t\t
\n\t\t\t{testimonialsData.length > 0 && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t

Testimonials

\n\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{testimonialsData.map((test) => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{/* \n {/* \n
*/}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t

{test.text}

\n\t\t\t\t\t\t\t\t\t\t\t\t

{test.name}

\n\t\t\t\t\t\t\t\t\t\t\t\t

{test.title}

\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t

👉

👈

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nexport default Testimonials;\n","/* eslint-disable no-undef */\nimport React, { useContext } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\n\nimport {\n\tFaTwitter,\n\tFaLinkedinIn,\n\tFaGithub,\n\tFaYoutube,\n\tFaStackOverflow,\n\tFaCodepen,\n} from 'react-icons/fa';\nimport { SiReplit } from 'react-icons/si';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { socialsData } from '../../data/socialsData';\nimport './Contacts.css';\n\n\nfunction Contacts() {\n\tconst { theme } = useContext(ThemeContext);\n\n\n\n\tconst useStyles = makeStyles((t) => ({\n\t\tinput: {\n\t\t\tborder: `4px solid ${theme.primary80}`,\n\t\t\tbackgroundColor: `${theme.secondary}`,\n\t\t\tcolor: `purple`,\n\t\t\tfontFamily: 'var(--primaryFont)',\n\t\t\tfontWeight: 500,\n\t\t\ttransition: 'border 0.2s ease-in-out',\n\t\t\t'&:focus': {\n\t\t\t\tborder: `4px solid ${theme.primary600}`,\n\t\t\t\tcolor: 'black',\n\t\t\t},\n\t\t},\n\n\t\tlabel: {\n\t\t\tbackgroundColor: `${theme.secondary}`,\n\t\t\tcolor: `${theme.primary}`,\n\t\t\tfontFamily: 'var(--primaryFont)',\n\t\t\tfontWeight: 600,\n\t\t\t// fontSize: '0.9rem',\n\t\t\tpadding: '0 5px',\n\t\t\ttransform: 'translate(25px,50%)',\n\t\t\tdisplay: 'inline-flex',\n\t\t\t'&:hover': {\n\t\t\t\ttransform: 'scale(1.1)',\n\t\t\t\tcolor: '#000',\n\t\t\t\tbackgroundColor: theme.tertiary,\n\t\t\t},\n\t\t},\n\t\tsocialIcon: {\n\t\t\twidth: '55px',\n\t\t\theight: '55px',\n\t\t\tborderRadius: '50%',\n\t\t\tborder: `2px solid #2d3334`,\n\t\t\tfontSize: '45px',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tpadding: '5px',\n\t\t\tbackgroundColor: 'none',\n\t\t\tcolor: theme.secondary,\n\t\t\ttransition: '250ms ease-in-out',\n\t\t\t'&:hover': {\n\n\t\t\t\tcolor: '#000',\n\t\t\t\tbackgroundColor: theme.tertiary,\n\t\t\t},\n\t\t},\n\t\tdetailsIcon: {\n\t\t\tbackgroundColor: '#667',\n\t\t\tcolor: '#2d3334',\n\t\t\tborderRadius: '50%',\n\t\t\tborder: '2px solid #2d3334',\n\t\t\twidth: '45px',\n\t\t\theight: '45px',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tfontSize: '23px',\n\t\t\ttransition: '250ms ease-in-out',\n\t\t\tflexShrink: 0,\n\t\t\t'&:hover': {\n\t\t\t\ttransform: 'scale(1.1)',\n\t\t\t\tcolor: '#667',\n\t\t\t\tbackgroundColor: '#2d3334',\n\t\t\t},\n\t\t\ttypoImpo: {\n\t\t\t\tcolor: theme.secondary,\n\t\t\t}\n\t\t},\n\n\t}));\n\n\tconst classes = useStyles();\n\n\treturn (\n\t\t
\n\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t

Skills

\n\n\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{socialsData.github && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{socialsData.twitter && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{socialsData.linkedIn && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{socialsData.youtube && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{socialsData.stackOverflow && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{socialsData.codepen && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{socialsData.replit && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\n\n\n\n\n\t\t\t
\n\t\t
\n\t);\n}\n\nexport default Contacts;\n\n","import React from 'react';\nimport { useForm } from '@formspree/react';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport Paper from '@mui/material/Paper';\nimport Grid from '@mui/material/Grid';\n \nconst Item = styled(Paper)(({ theme }) => ({\n backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',\n ...theme.typography.body2,\n padding: theme.spacing(1),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n}));\n\nfunction ContactForm() {\n const [state, handleSubmit] = useForm(\"xaykzqea\");\n if (state.succeeded) {\n return

Thanks for joining!

;\n }\n\n \n return (\n <>\n \n \n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n );\n} \n\nexport default ContactForm","export default __webpack_public_path__ + \"static/media/spb.349ca778.png\";","export default __webpack_public_path__ + \"static/media/pythonlog.1cd4f634.svg\";","export default __webpack_public_path__ + \"static/media/mars.448b5864.svg\";","export default __webpack_public_path__ + \"static/media/scb.95f1d204.svg\";","export default __webpack_public_path__ + \"static/media/expensetracker.8b8b7990.png\";","export default __webpack_public_path__ + \"static/media/keys.b06b2149.png\";","import one from '../assets/svg/projects/spb.png'\nimport tech from '../assets/svg/projects/pythonlog.svg'\nimport three from '../assets/svg/projects/mars.svg'\nimport scb from '../assets/svg/projects/scb.svg'\nimport etrn from '../assets/img/expensetracker.png'\nimport keys from '../assets/svg/projects/keys.png'\nimport gnco from '../assets/img/gnco.png'\nimport pytho from '../assets/svg/projects/python.png'\n\nexport const projectsData = [\n \n\t{\n\t\tid: 1,\n\t\tprojectName: 'Expense Tracker',\n\t\tprojectDesc: 'A React Native iOS/Android App to keep track of your expense (or anything else, like a to do list with deadlines). Includes navigation, authentication, and persistence of data.',\n\t\ttags: ['React', 'React Native', 'Javascript', 'Expo', 'CSS', 'Firebase'\t],\n\t\tcode: 'https://github.com/mathcodes/react-native-apps/tree/main/sample-apps/rn-expense-tracker/rn-expense-trackers',\n\t\tdemo: 'https://github.com/mathcodes/react-native-apps/tree/main/sample-apps/rn-expense-tracker/rn-expense-trackers',\n\t\timage: etrn\n\t},\n\t{\n\t\tid: 2,\n\t\tprojectName: 'Gladis & Co',\n\t\tprojectDesc: 'Freelance gig to fix issues with website in wordpress. Used advanced Javascript methods and CSS selectors that could find a needle in a haystack to override the entire site.',\n\t\ttags: ['WordPress', 'GoDaddy', 'JS', 'CSS', 'HTML', 'server-side rendering', 'css selectors'],\n\t\tcode: 'https://www.gladisandco.com',\n\t\tdemo: 'https://www.gladisandco.com',\n\t\timage: gnco\n\t},\n\t{\n\t\tid: 3,\n\t\tprojectName: 'Super Pantry Buddy',\n\t\tprojectDesc: 'Built with a team of three developers, this app uses the MERN stack to provide users with a responsive, customizable experience to search and save recipes by entering in any number of ingredients.',\n\t\ttags: ['MERN', 'ORM', 'OAuth', 'Jest', 'Bulma'],\n\t\tcode: 'https://github.com/mathcodes/spb/',\n\t\tdemo: 'https://superpantrybuddy.herokuapp.com/',\n\t\timage: one\n\t},\n\t{\n\t\tid: 4,\n\t\tprojectName: 'A Python Log',\n\t\tprojectDesc: 'A full stack website with blog, using Python to run the backend, and allowing users to post, share, and delete content. A user-centric and mobile-friendly design adds functionality and a responsive UI.',\n\t\ttags: ['Python', 'CSS', 'HTML', 'JS', 'Django', 'Tkinter', 'JSON', 'Illustrator', 'CRUD'],\n\t\tcode: 'https://github.com/mathcodes/PythonLog/',\n\t\tdemo: 'https://jonspythonlog.herokuapp.com/',\n\t\timage: tech\n\t},\n\t{\n\t\tid: 5,\n\t\tprojectName: 'Mars Project',\n\t\tprojectDesc: 'Weather forecast systems and applications predict weather conditions based on multiple parameters.',\n\t\ttags: ['Node', 'Express', 'Handlebars', 'ChartJS', 'MySQL', 'Sequelize', 'ORM', 'API'],\n\t\tcode: 'https://github.com/mathcodes/Red-Planet-Voyagers',\n\t\tdemo: 'https://team-5-project-2.herokuapp.com/',\n\t\timage: three\n\t},\n\t{\n\t\tid: 6,\n\t\tprojectName: 'A Collection of Python Projects',\n\t\tprojectDesc: 'This is a collection of Python projects that I have created. Each project is a live application that I have built using the Python and other technologies listed below. Most focus on either the fundamentals of Python as well as mroe advanced programs inmplementing machine learning, AI, data structures, and algorithms.',\n\t\ttags: ['Python', 'Flask', 'Django', 'Selenium', 'PyNum', 'Sequelize', 'ORM', 'API'],\n\t\tcode: 'https://github.com/mathcodes/Red-Planet-Voyagers',\n\t\tdemo: 'https://team-5-project-2.herokuapp.com/',\n\t\timage: pytho\n\t},\n\t{\n\t\tid: 7,\n\t\tprojectName: 'Sweet Clover Barn',\n\t\tprojectDesc: ' Met clients at Farmer’s Market, and now their site is modern, responsive, and handling online payments in a beautiful eCommerce site that doubles as a community-based, event-scheduling platform and blog.',\n\t\ttags: ['CSS', 'HTML', 'JS', 'Squarespace', 'Adobe Illustrator'],\n\t\tcode: 'www.sweetcloverbarn.com',\n\t\tdemo: 'www.sweetcloverbarn.com',\n\t\timage: scb\n\t},\n\t{\n\t\tid: 8,\n\t\tprojectName: 'Pro Typer',\n\t\tprojectDesc: 'A quick project to review event handlers and do something useful and practical. Use this app to improve your keyboarding skills. FUTURE DEVELOPMENT: Scoring, typing words, difficulty levels, and wpm calculation. Coming soon!',\n\t\ttags: ['HTML', 'CSS', 'JS', 'express'],\n\t\tcode: 'https://github.com/mathcodes/monitor',\n\t\tdemo: 'https://mathcodes.github.io/pick2hand/',\n\t\timage: keys\n\t}\n\t\t\n]","export default __webpack_public_path__ + \"static/media/gnco.43ebccb0.png\";","export default __webpack_public_path__ + \"static/media/python.c5bb2f7e.png\";","export default __webpack_public_path__ + \"static/media/placeholder.3fcbbdcd.png\";","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { FaCode } from 'react-icons/fa';\nimport { HiLink} from 'react-icons/hi';\nimport Fade from 'react-reveal/Fade';\nimport placeholder from '../../../assets/png/placeholder.png';\nimport './SingleProject.css';\n\nfunction SingleProject({ id, name, desc, tags, code, demo, image, theme }) {\n\tconst useStyles = makeStyles((t) => ({\n\t\ticonBtn: {\n\t\t\tdisplay: 'flex',\n\t\t\tmargin: '0.5rem',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\twidth: 40,\n\t\t\theight: 40,\n\t\t\tborderRadius: 5,\n\t\t\tborder: `2px solid ${theme.tertiary}`,\n\t\t\tcolor: theme.tertiary,\n\t\t\ttransition: 'all 0.2s',\n\t\t\t'&:hover': {\n\t\t\t\tbackgroundColor: theme.secondary,\n\t\t\t\tcolor: theme.primary,\n\t\t\t\ttransform: 'scale(1.1)',\n\t\t\t\tborder: `2px solid ${theme.secondary}`,\n\t\t\t},\n\t\t},\n\t\ticon: {\n\t\t\tfontSize: '1.1rem',\n\t\t\ttransition: 'all 0.2s',\n\t\t\t'&:hover': {},\n\t\t},\n\t}));\n\n\tconst classes = useStyles();\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{name}\n\t\t\t\t\t\n\t\t\t\t\t{name}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{desc}\n\t\t\t\t

\n\t\t\t\t\n\t\t\t\t\t{tags.map((tag, id) => (\n\t\t\t\t\t\t{tag}\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport default SingleProject;\n","import React, { useContext } from 'react';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { projectsData } from '../../data/projectsData'\nimport './Projects.css'\nimport SingleProject from './SingleProject/SingleProject';\n\nfunction Projects() {\n\n\tconst { theme } = useContext(ThemeContext);\n\n\treturn (\n\t\t<>\n\t\t\t\t
\n\n\t\t\t{projectsData.length > 0 && (\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t

Projects

\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{projectsData.slice(0, 4).map(project => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{projectsData.slice(4, 8).map(project => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t)\n};\n\nexport default Projects;","/* eslint-disable */\nimport { BsCodeSlash, BsGraphUp } from \"react-icons/bs\";\nimport { AiFillAudio } from \"react-icons/ai\";\nimport { FaVideo, FaTabletAlt, FaBook } from \"react-icons/fa\";\n\nexport const servicesData = [\n\t{\n\t\tid: 1,\n\t\ttitle: 'Web Development',\n\t\ticon: \n\t},\n\t{\n\t\tid: 2,\n\t\ttitle: 'App Development',\n\t\ticon: \n\t},\n\t{\n\t\tid: 3,\n\t\ttitle: 'SEO, Marketing, and Branding',\n\t\ticon: \n\t},\n\t{\n\t\tid: 4,\n\t\ttitle: 'Tutoring',\n\t\ticon: \n\t},\n\t{\n\t\tid: 5,\n\t\ttitle: 'Audio Engineering',\n\t\ticon: \n\t},\n\t{\n\t\tid: 6,\n\t\ttitle: 'Video Editing',\n\t\ticon: \n\t},\n]\n","import React, { useContext } from 'react';\nimport Fade from 'react-reveal/Fade';\n\nimport { ThemeContext } from '../../../contexts/ThemeContext';\n\nimport './SingleService.css'\n\n\nfunction SingleService({ id, title, icon }) {\n\n\tconst { theme } = useContext(ThemeContext);\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{icon}\n\t\t\t\t\t

{title}

\n\t\t\t\t
\n\t\t\t
\n\t\t\n\t)\n}\n\nexport default SingleService\n","import React, { useContext } from 'react';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { servicesData } from '../../data/servicesData';\nimport './Services.css'\nimport SingleService from './SingleService/SingleService';\n\nfunction Services() {\n\n\tconst { theme } = useContext(ThemeContext);\n\treturn (\n\t\t<>\n\t\t\t\t
\n\n\t\t\t{servicesData.length > 0 && (\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t{/* SHOPIFY PDF BUTTON ADN FREE OFFER CTA */}\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t

Services

\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{servicesData.map(services => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t)\n}\n\nexport default Services\n","import React, { useState, useContext } from 'react';\nimport { IoIosArrowDropupCircle } from 'react-icons/io';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport './BackToTop.css';\n\nfunction BackToTop() {\n\tconst [visible, setVisible] = useState(false);\n\n\tconst { theme } = useContext(ThemeContext);\n\n\tconst toggleVisible = () => {\n\t\tconst scrolled = document.documentElement.scrollTop;\n\t\tif (scrolled > 300) {\n\t\t\tsetVisible(true);\n\t\t} else if (scrolled <= 300) {\n\t\t\tsetVisible(false);\n\t\t}\n\t};\n\n\tconst scrollToTop = () => {\n\t\twindow.scrollTo({\n\t\t\ttop: 0,\n\t\t\tbehavior: 'smooth',\n\t\t});\n\t};\n\n\twindow.addEventListener('scroll', toggleVisible);\n\n\tconst useStyles = makeStyles(() => ({\n\t\ticon: {\n\t\t\tfontSize: '3rem',\n\t\t\tcolor: theme.tertiary,\n\t\t},\n\t}));\n\n\tconst classes = useStyles();\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport default BackToTop;\n"," \nimport React from 'react';\nimport './HorizontalRule.css'; \n\n\nfunction HorizontalRule() {\n \n\n return (\n
\n )\n}\n\nexport default HorizontalRule\n","export const contactsData = {\n\temail: 'jonpchristie@gmail.com',\n\tphone: '(919) 368-3369',\n\taddress: 'Raleigh, NC',\n\tsheetAPI: ''\n}","import * as React from 'react';\nimport Button from '@mui/material/Button';\n// import CssBaseline from '@mui/material/CssBaseline';\nimport TextField from '@mui/material/TextField';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport Link from '@mui/material/Link';\nimport Paper from '@mui/material/Paper';\nimport Box from '@mui/material/Box';\nimport { Grid } from '@mui/material';\nimport Typography from '@mui/material/Typography';\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\nimport Container from '@mui/material/Container';\nimport PsychologyIcon from '@mui/icons-material/Psychology';\nimport HandshakeIcon from '@mui/icons-material/Handshake';\nimport WorkIcon from '@mui/icons-material/Work';\nimport UpgradeIcon from '@mui/icons-material/Upgrade';\nimport {\n FaTwitter,\n FaLinkedinIn,\n FaGithub,\n FaYoutube,\n FaStackOverflow,\n FaCodepen,\n} from 'react-icons/fa';\nimport { SiReplit } from 'react-icons/si';\nimport { FiPhone, FiAtSign } from 'react-icons/fi';\nimport { HiOutlineLocationMarker } from 'react-icons/hi';\nimport { styled } from '@mui/material/styles';\nimport { socialsData } from '../../data/socialsData';\nimport { contactsData } from '../../data/contactsData';\nimport './PreContact.css';\n\nconst theme = createTheme({\n status: {\n danger: ' #FFB908',\n },\n palette: {\n primary: {\n main: '#2d3334',\n darker: '#135d66',\n },\n neutral: {\n main: '#BFD9DD',\n contrastText: '#333',\n },\n container: {\n height: '20rem',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n },\n h2: {\n fontSize: '112rem',\n fontWeight: 'bold',\n color: 'red',\n }\n },\n});\n\nconst Item = styled(Paper)(({ theme }) => ({\n\n backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#2d3334',\n ...theme.typography.body2,\n padding: theme.spacing(1),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n\n}\n)); console.log(theme.palette.mode)\n\n \n\nfunction PreContact() {\n \n\n return (\n \n \n \n \n \n \n \n Looking to updgrade your website? \n \n \n\n \n \n \n Got an idea for an app or website that you'd like to see come to life?\n \n \n\n \n \n \n Interested in collaborating or forming a team to create something amazing?\n \n \n\n \n \n \n Hiring web developers with my skillset?\n \n \n \n \n \n\n\n \n \n );\n}\n\nexport default PreContact;\n\n","import React, { useContext } from 'react'\nimport './Footer.css'\nimport { ThemeContext } from '../../contexts/ThemeContext'\nimport { headerData } from '../../data/headerData'\nimport { Grid } from '@mui/material';\nimport {\n FaTwitter,\n FaLinkedinIn,\n FaGithub,\n FaYoutube,\n FaStackOverflow,\n FaCodepen,\n} from 'react-icons/fa';\nimport { SiReplit } from 'react-icons/si';\nimport { FiPhone, FiAtSign } from 'react-icons/fi';\nimport { HiOutlineLocationMarker } from 'react-icons/hi';\nimport { socialsData } from '../../data/socialsData';\nimport { contactsData } from '../../data/contactsData';\nconst Footer = () => {\n\n const { theme } = useContext(ThemeContext)\n\n return (\n
\n \n
\n
\n
    \n
  • \n \n
    \n \n
    \n

    \n {contactsData.email}\n

    \n \n
    • \n
  • \n \n
    \n \n
    \n

    \n {contactsData.phone}\n

    \n \n
    • \n
  • \n \n
    \n \n
    \n

    \n {contactsData.address}\n\n

    \n \n
    • \n
\n
\n
\n\n
\n {socialsData.github && (\n \n \n \n )}\n {socialsData.twitter && (\n \n \n \n )}\n {socialsData.linkedIn && (\n \n \n \n )}\n {socialsData.youtube && (\n \n \n \n )}\n {socialsData.stackOverflow && (\n \n \n \n )}\n {socialsData.codepen && (\n \n \n \n )}\n {socialsData.replit && (\n \n \n \n )}\n
\n\n\n \n \n
\n )\n}\n\nexport default Footer;","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { Navbar, Landing, About, Skills, Testimonials, Services, Projects, HorizontalRule, Background, Footer } from '../../components'\nimport { headerData } from '../../data/headerData'\n\n\nfunction Main() {\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t{headerData.name} - Portfolio\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t{/* */}\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t)\n}\n\nexport default Main\n","import React, { useContext, useState } from 'react'\nimport { Helmet } from 'react-helmet'\nimport { Grid } from '@material-ui/core'\nimport { Link } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AiOutlineHome } from \"react-icons/ai\";\nimport './ProjectPage.css'\nimport { SingleProject } from '../../components';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { projectsData } from '../../data/projectsData'\nimport { headerData } from '../../data/headerData'\n\nfunction ProjectPage() {\n\tconst [search, setSearch] = useState('')\n\tconst { theme } = useContext(ThemeContext);\n\tconst filteredArticles = projectsData.filter((project) => {\n\t\tconst content = project.projectName + project.projectDesc + project.tags\n\t\treturn content.toLowerCase().includes(search.toLowerCase())\n\t})\n\tconst useStyles = makeStyles((t) => ({\n\t\tsearch: {\n\t\t\tcolor: theme.tertiary,\n\t\t\twidth: '40%',\n\t\t\theight: '2.75rem',\n\t\t\toutline: 'none',\n\t\t\tborder: 'none',\n\t\t\tborderRadius: '20px',\n\t\t\tpadding: '0.95rem 1rem',\n\t\t\tfontFamily: \"'Noto Sans TC', sans-serif\",\n\t\t\tfontWeight: 500,\n\t\t\tfontSize: '0.9rem',\n\t\t\tbackgroundColor: theme.secondary,\n\t\t\tboxShadow: theme.type === 'dark' ? 'inset 3px 3px 6px #ffffff10, inset -3px -3px 6px #00000060' : 'inset 3px 3px 6px #ffffffbd, inset -3px -3px 6px #00000030',\n\t\t\t\"&::placeholder\": {\n\t\t\t\tcolor: theme.tertiary80,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '350px',\n\t\t\t},\n\t\t},\n\t\thome: {\n\t\t\tcolor: theme.secondary,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 25,\n\t\t\tleft: 25,\n\t\t\tpadding: '7px',\n\t\t\tborderRadius: '50%',\n\t\t\tboxSizing: 'content-box',\n\t\t\tfontSize: '2rem',\n\t\t\tcursor: 'pointer',\n\t\t\tboxShadow: theme.type === 'dark' ? '3px 3px 6px #ffffff40, -3px -3px 6px #00000050' : '3px 3px 6px #ffffff40, -3px -3px 6px #00000050',\n\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\"&:hover\":\n\t\t\t{\n\t\t\t\tcolor: theme.tertiary,\n\t\t\t\ttransform: 'scale(1.1)',\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tfontSize: '1.8rem',\n\t\t\t},\n\t\t},\n\t}));\n\tconst classes = useStyles();\n\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t\t{headerData.name} | Projects\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t

Projects

\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t setSearch(e.target.value)} placeholder=\"Search project...\" className={classes.search} />\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{filteredArticles.map(project => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t)\n}\n\nexport default ProjectPage\n","import React, { useContext, useState } from 'react'\nimport { Helmet } from 'react-helmet'\nimport { Grid } from '@material-ui/core'\nimport { Link } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AiOutlineHome } from \"react-icons/ai\";\nimport './ThankYou.css'\nimport { SingleProject } from '../../components';\nimport { ThemeContext } from '../../contexts/ThemeContext';\nimport { projectsData } from '../../data/projectsData'\nimport { headerData } from '../../data/headerData'\n\nfunction ThankYou() {\n\tconst [search, setSearch] = useState('')\n\tconst { theme } = useContext(ThemeContext);\n\tconst filteredArticles = projectsData.filter((project) => {\n\t\tconst content = project.projectName + project.projectDesc + project.tags\n\t\treturn content.toLowerCase().includes(search.toLowerCase())\n\t})\n\tconst useStyles = makeStyles((t) => ({\n\t\tsearch: {\n\t\t\tcolor: theme.tertiary,\n\t\t\twidth: '40%',\n\t\t\theight: '2.75rem',\n\t\t\toutline: 'none',\n\t\t\tborder: 'none',\n\t\t\tborderRadius: '20px',\n\t\t\tpadding: '0.95rem 1rem',\n\t\t\tfontFamily: \"'Noto Sans TC', sans-serif\",\n\t\t\tfontWeight: 500,\n\t\t\tfontSize: '0.9rem',\n\t\t\tbackgroundColor: theme.secondary,\n\t\t\tboxShadow: theme.type === 'dark' ? 'inset 3px 3px 6px #ffffff10, inset -3px -3px 6px #00000060' : 'inset 3px 3px 6px #ffffffbd, inset -3px -3px 6px #00000030',\n\t\t\t\"&::placeholder\": {\n\t\t\t\tcolor: theme.tertiary80,\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\twidth: '350px',\n\t\t\t},\n\t\t},\n\t\thome: {\n\t\t\tcolor: theme.secondary,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 25,\n\t\t\tleft: 25,\n\t\t\tpadding: '7px',\n\t\t\tborderRadius: '50%',\n\t\t\tboxSizing: 'content-box',\n\t\t\tfontSize: '2rem',\n\t\t\tcursor: 'pointer',\n\t\t\tboxShadow: theme.type === 'dark' ? '3px 3px 6px #ffffff40, -3px -3px 6px #00000050' : '3px 3px 6px #ffffff40, -3px -3px 6px #00000050',\n\t\t\ttransition: 'all 0.3s ease-in-out',\n\t\t\t\"&:hover\":\n\t\t\t{\n\t\t\t\tcolor: theme.tertiary,\n\t\t\t\ttransform: 'scale(1.1)',\n\t\t\t},\n\t\t\t[t.breakpoints.down('sm')]: {\n\t\t\t\tfontSize: '1.8rem',\n\t\t\t},\n\t\t},\n\t}));\n\tconst classes = useStyles();\n\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t\t{headerData.name} | Projects\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t

Projects

\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t setSearch(e.target.value)} placeholder=\"Search project...\" className={classes.search} />\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{filteredArticles.map(project => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t)\n}\n\nexport default ThankYou;\n","import * as React from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport Button from '@mui/material/Button';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport TextField from '@mui/material/TextField';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport Link from '@mui/material/Link';\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport Typography from '@mui/material/Typography';\nimport Container from '@mui/material/Container';\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\n\nfunction Copyright(props) {\n return (\n \n {'Copyright © '}\n \n Your Website\n {' '}\n {new Date().getFullYear()}\n {'.'}\n \n );\n}\n\nconst theme = createTheme();\n\nexport default function FormPage() {\n const handleSubmit = (event) => {\n event.preventDefault();\n const data = new FormData(event.currentTarget);\n console.log({\n email: data.get('email'),\n password: data.get('password'),\n });\n };\n\n return (\n \n \n \n \n \n \n \n \n Sign up\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n }\n label=\"I want to receive inspiration, marketing promotions and updates via email.\"\n />\n \n \n \n Sign Up\n \n \n \n \n Already have an account? Sign in\n \n \n \n \n \n \n \n \n );\n}","import { useEffect } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nfunction ScrollToTop({ history }) {\n useEffect(() => {\n const unlisten = history.listen(() => {\n window.scrollTo(0, 0);\n });\n return () => {\n unlisten();\n }\n });\n\n return (null);\n}\n\nexport default withRouter(ScrollToTop);","import React, { useContext } from 'react';\nimport { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';\nimport { ThemeContext } from './contexts/ThemeContext';\nimport { ThemeSwitcher } from './contexts/ThemeSwitcher';\nimport { Main, ProjectPage, ThankYou, FormPage } from './pages';\nimport { BackToTop } from './components';\nimport ScrollToTop from './utils/ScrollToTop';\nimport * as dotenv from 'dotenv' // see https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import\n// import express from 'express'\nimport './App.css'\nimport { FormspreeProvider } from '@formspree/react';\n\ndotenv.config()\n\n\nfunction App() {\n const { theme } = useContext(ThemeContext);\n\n return (\n
\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n );\n}\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport ThemeContextProvider from './contexts/ThemeContext'\nimport \"slick-carousel/slick/slick.css\"; \nimport \"slick-carousel/slick/slick-theme.css\";\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n);\n\nreportWebVitals()"],"sourceRoot":""} \ No newline at end of file diff --git a/package.json b/package.json index 9551b11..dd838cc 100644 --- a/package.json +++ b/package.json @@ -41,15 +41,15 @@ "vercel": "^28.5.6", "web-vitals": "^1.0.1" }, - "devDependencies":{ - "react-app-rewired": "@2.2.1" + "devDependencies": { + "react-app-rewired": "^2.2.1" }, "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject" -}, + }, "eslintConfig": { "extends": [ "react-app",