diff --git a/build/asset-manifest.json b/build/asset-manifest.json index afcb8e1..6de07f7 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,29 +1,19 @@ { "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", + "main.css": "/static/css/main.71c028f6.chunk.css", + "main.js": "/static/js/main.ea3fe087.chunk.js", + "main.js.map": "/static/js/main.ea3fe087.chunk.js.map", + "runtime-main.js": "/static/js/runtime-main.e57cbe0e.js", + "runtime-main.js.map": "/static/js/runtime-main.e57cbe0e.js.map", "static/css/2.65f8c46c.chunk.css": "/static/css/2.65f8c46c.chunk.css", - "static/js/2.09d8be7a.chunk.js": "/static/js/2.09d8be7a.chunk.js", - "static/js/2.09d8be7a.chunk.js.map": "/static/js/2.09d8be7a.chunk.js.map", - "static/js/3.ea174584.chunk.js": "/static/js/3.ea174584.chunk.js", - "static/js/3.ea174584.chunk.js.map": "/static/js/3.ea174584.chunk.js.map", + "static/js/2.3cd994bd.chunk.js": "/static/js/2.3cd994bd.chunk.js", + "static/js/2.3cd994bd.chunk.js.map": "/static/js/2.3cd994bd.chunk.js.map", + "static/js/3.27c521bf.chunk.js": "/static/js/3.27c521bf.chunk.js", + "static/js/3.27c521bf.chunk.js.map": "/static/js/3.27c521bf.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/css/main.71c028f6.chunk.css.map": "/static/css/main.71c028f6.chunk.css.map", + "static/js/2.3cd994bd.chunk.js.LICENSE.txt": "/static/js/2.3cd994bd.chunk.js.LICENSE.txt", "static/media/index.css": "/static/media/BestermindRegular.e58a1922.ttf", "static/media/JCircle.396647e0.png": "/static/media/JCircle.396647e0.png", "static/media/JCircle_dark_gray.77dc7436.png": "/static/media/JCircle_dark_gray.77dc7436.png", @@ -44,7 +34,7 @@ "static/media/canva.b96f915b.svg": "/static/media/canva.b96f915b.svg", "static/media/capacitorjs.7517cfe2.svg": "/static/media/capacitorjs.7517cfe2.svg", "static/media/coffeescript.848d1c77.svg": "/static/media/coffeescript.848d1c77.svg", - "static/media/contactsPrimary.acaae327.svg": "/static/media/contactsPrimary.acaae327.svg", + "static/media/contactsPrimary.e855e82c.svg": "/static/media/contactsPrimary.e855e82c.svg", "static/media/cplusplus.3398ef50.svg": "/static/media/cplusplus.3398ef50.svg", "static/media/csharp.8f35e178.svg": "/static/media/csharp.8f35e178.svg", "static/media/css.43b6f4bd.svg": "/static/media/css.43b6f4bd.svg", @@ -124,15 +114,10 @@ "static/media/wordpress.1c0bf6df.svg": "/static/media/wordpress.1c0bf6df.svg" }, "entrypoints": [ - "static/js/runtime-main.cb89c5a1.js", + "static/js/runtime-main.e57cbe0e.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) + "static/js/2.3cd994bd.chunk.js", + "static/css/main.71c028f6.chunk.css", + "static/js/main.ea3fe087.chunk.js" ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index 7114438..0a87aab 100644 --- a/build/index.html +++ b/build/index.html @@ -1,5 +1 @@ -<<<<<<< HEAD -Portfolio
-======= -Portfolio
->>>>>>> 5dbcac5 (nov updated) +Portfolio
\ No newline at end of file diff --git a/build/static/css/main.ba96582f.chunk.css b/build/static/css/main.71c028f6.chunk.css similarity index 62% rename from build/static/css/main.ba96582f.chunk.css rename to build/static/css/main.71c028f6.chunk.css index 47b21dc..332c77f 100644 --- a/build/static/css/main.ba96582f.chunk.css +++ b/build/static/css/main.71c028f6.chunk.css @@ -1,2 +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 +@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:#232526;background:var(--primary)}::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:10px;-webkit-transition:2.3s;transition:2.3s}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.makeStyles-drawerItem-77{color:#eaeaea}@media screen and (max-width:400px){body{overflow-x:hidden}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){body{overflow-x:hidden}}.navbar{height:6.5rem;position:absolute;background-color:initial;z-index:99;justify-content:center}.navbar,.navbar--container{display:flex;align-items:center;width:100%}.navbar--container{justify-content:space-between;padding:0 3rem;margin-top:1rem}.navbar--container>h1{font-family:"BestermindRegular";color:var(--primary-2);font-size:2.5rem;-webkit-user-select:none;user-select:none}.navLink--container{margin-top:5rem}.drawer>.MuiBackdrop-root{background:rgba(33,33,33,.15)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}@media (max-width:1100px){.navbar--container{padding:0 2rem}.nav-menu,.navbar--container>h1{font-size:2.2rem}.nav-menu{margin-top:-1.5rem}}@media (max-width:800px){.navLink--container{margin-top:3rem}}@media (max-width:600px){.nav-menu{color:var(--primary)}.navbar--container>h1{font-size:2rem}.nav-menu:hover{color:var(--primary-2)}.MuiDrawer-paper{border-radius:0!important}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.navbar{height:5rem}.navbar--container{padding:0 1rem;margin-top:0}.navbar--container>h1{font-size:1.5rem}}.landing{height:100vh}.landing,.landing--container{display:flex;align-items:center;justify-content:center}.landing--container{height:100%;width:100%;position:relative}.landing--img{opacity:0;--img-size:400px;position:absolute;left:35%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--img-size);height:var(--img-size);object-fit:cover;border-radius:50%;box-shadow:0 0 30px rgba(0,0,0,.2);transition:opacity .3s}.landing--img:hover{opacity:1}.landing--container-left{flex:35% 1;height:100%;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%,#232526)}.about .line-styling{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:85%;display:flex;align-items:center;justify-content:space-between}.about .line-styling .style-circle{width:10px;height:10px;border-radius:50%}.about .line-styling .style-line{width:95%;height:5px;border-radius:10px}.about-body{flex-direction:row;justify-content:space-around;padding-top:8rem}.about-body,.about-description{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.about-description{flex-direction:column;align-items:flex-start;justify-content:space-evenly;flex:0.5 1;width:100%}.about-description>h2{margin-bottom:40px;font-size:3.5rem;font-family:var(--primaryFont)}.about-description>p{font-size:1.25rem;color:#e0d9d9;font-family:var(--primaryFont)}.about-img{margin-top:40px;pointer-events:none}.about-img>img{width:600px;flex:0.5 1}@media (min-width:992px) and (max-width:1380px){.about-description>h2{font-size:3.3rem;margin-bottom:30px}.about-description>p{font-size:1.15rem}.about-img>img{width:500px}}@media screen and (max-width:992px){.about .line-styling{top:20px}.about-body{padding-top:2rem;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-evenly}.about-description{flex:0.6 1;box-sizing:border-box;padding:20px}.about-description>h2{font-size:3rem;margin-bottom:20px}.about-description>p{font-size:1.1rem}.about-img>img{width:250px;flex:0.4 1}}@media screen and (max-width:800px){.about .line-styling .style-circle{width:8px;height:8px;border-radius:50%}.about-description>h2{align-self:center}}@media screen and (max-width:600px){.about .line-styling .style-circle{width:5px;height:5px;border-radius:50%}.about .line-styling .style-line{height:3px;border-radius:10px}.about-description>h2{font-size:2.5rem}.about-description>p{font-size:.95rem}}.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:#eaeaea;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:#eaeaea;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:#eaeaea}.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%,#eaeaea);color:purple;color:var(--primary);border-radius:10px}.slick-slider{height:100%!important;width:100%}.slick-initialized,.slick-list{overflow:hidden}.slick-list{position:relative;display:block;margin:0;padding:0;width:100%}.slick-dots{position:relative!important;bottom:1rem!important}.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:#ff0}.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:#232526}.contactsHead{background:linear-gradient(#222,#eaeaea)}.contactHeader{font-size:48px;line-height:6rem;color:#232526;font-size:30px;font-family:"Poppins",sans-serif;text-align:center}ul{text-align:justify}ul:after{content:"";display:inline-block;width:100%}ul:before{content:"";display:block}li{color:#fff;display:inline-block;font:1em/1.5 sans-serif}.socialmedia-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin:1rem;color:#eaeaea}.contacts{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;background:linear-gradient(#eaeaea,#222)}.contacts--img{width:280px;pointer-events:none}.contacts-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}a:-webkit-any-link{color:#eaeaea;cursor:pointer;text-decoration:none;-webkit-transition:all 0s;transition:all 0s}a:-webkit-any-link:hover{background-color:#232526;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:#eaeaea;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:#232526;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:"#232526";border-radius:"50%";margin-bottom:.3rem;width:"45px";height:"45px";display:"flex";align-items:"center";justify-content:"center";font-size:"23px";transition:"250ms ease-in-out";flex-shrink:0}detailsIcon:hover{-webkit-transform:"scale(1.1)";transform:"scale(1.1)";color:"#667";background-color:"#232526"}.contacts--img{position:absolute;right:0;bottom:0}.makeStyles-detailsIcon-35{height:.5rem}.socialMedia-icons,ul{flex-direction:row}@media screen and (max-width:992px){.contacts--img{display:none}.personal-details p{margin-left:1rem;flex-direction:row}}@media screen and (max-width:800px){.personal-details{display:flex;flex-direction:row;font-size:.5rem;align-items:center;justify-content:flex-start;width:100%;margin-bottom:2.5rem;color:#232526;-webkit-text-decoration:wavy;text-decoration:wavy;font-weight:400;background-color:rgba(211,84,0,0);border-radius:10px;padding:5px;transition:all .5s}.contacts-icons{font-size:.5rem}.socialMedia-icons{flex-direction:row}.contacts-form{display:flex;flex:1 1}.form-input{margin-bottom:.45rem}.contacts-form form{align-items:flex-end}.contacts-details{padding:1rem;align-items:center;margin-top:2rem}.personal-details{margin-bottom:1.8rem}.personal-details p{margin-left:1.2rem;width:95%}}@media screen and (max-width:600px){.contacts-form{display:flex;flex:1 1}}.localIcon{font-size:2rem}.contactHeader2{padding:3rem 0 1rem}.css-pjjdvz{margin-left:8px;margin-right:8px;flex-direction:column}.css-pjjdvz,.footer{display:flex;align-items:center}.footer{font-family:"var(--primaryFont)",sans-serif;width:100%;justify-content:center;color:#eaeaea}.footer p{font-weight:500;font-family:var(--secondary70);font-size:18px;color:#eaeaea}.footer p span{font-size:24px;color:#eaeaea}.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:#232526;--white:#fff}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:#232526} +/*# sourceMappingURL=main.71c028f6.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.71c028f6.chunk.css.map b/build/static/css/main.71c028f6.chunk.css.map new file mode 100644 index 0000000..37ad6cd --- /dev/null +++ b/build/static/css/main.71c028f6.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.71c028f6.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,qBAEF,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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","file":"main.71c028f6.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: #232526;\n --white: #ffffff;\n}\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #232526;\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: #232526;\n background: var(--primary);\n}\n::-webkit-scrollbar-thumb {\n background: #eaeaea;\n border-radius: 10px;\n -webkit-transition: 2.3s;\n transition: 2.3s;\n}\n\nimg{\n -webkit-touch-callout: none; \n -webkit-user-select: none; \n user-select: none; \n\n}\n\n.makeStyles-drawerItem-77 {\n color: #eaeaea;\n}\n\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 400px) {\n body {\n overflow-x: hidden;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n body {\n overflow-x: hidden;\n }\n}\n\n\n.navbar {\n height: 6.5rem;\n position: absolute;\n background-color: transparent;\n z-index: 99;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.navbar--container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0 3rem;\n margin-top: 1rem;\n}\n\n.navbar--container>h1 {\n font-family: 'BestermindRegular';\n color: var(--primary-2);\n font-size: 2.5rem;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.navLink--container {\n margin-top: 5rem;\n}\n\n.drawer>.MuiBackdrop-root {\n background: rgba(33, 33, 33, 0.15) !important;\n -webkit-backdrop-filter: blur(20px) !important;\n backdrop-filter: blur(20px) !important;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width:1100px) {\n .navbar--container {\n padding: 0 2rem;\n }\n\n .navbar--container>h1 {\n font-size: 2.2rem;\n }\n\n .nav-menu {\n font-size: 2.2rem;\n margin-top: -1.5rem;\n }\n}\n\n@media (max-width:800px) {\n .navLink--container {\n margin-top: 3rem;\n }\n}\n\n@media (max-width:600px) {\n .nav-menu {\n color: var(--primary);\n }\n\n .navbar--container>h1 {\n font-size: 2rem;\n }\n\n .nav-menu:hover {\n color: var(--primary-2);\n }\n\n .MuiDrawer-paper {\n border-radius: 0 !important;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .navbar {\n height: 5rem;\n }\n\n .navbar--container {\n padding: 0 1rem;\n margin-top: 0rem;\n }\n\n .navbar--container>h1 {\n font-size: 1.5rem;\n }\n}\n.landing {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.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%, #232526 100%)\n\n}\n\n.about .line-styling{\n position: absolute;\n top: 50px;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 50px;\n width: 85%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.about .line-styling .style-circle{\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.about .line-styling .style-line{\n width: 95%;\n height: 5px;\n border-radius: 10px;\n}\n\n.about-body {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n padding-top: 8rem;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.about-description {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-evenly;\n flex: 0.5 1;\n width: 100%;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.about-description >h2 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.about-description > p {\n font-size: 1.25rem;\n color: #e0d9d9;\n font-family: var(--primaryFont);\n}\n\n.about-img {\n margin-top: 40px;\n pointer-events: none;\n}\n\n.about-img > img {\n width: 600px;\n flex: 0.5 1;\n}\n\n@media (min-width: 992px) and (max-width: 1380px) {\n\n .about-description > h2 {\n font-size: 3.3rem;\n margin-bottom: 30px;\n }\n .about-description > p {\n font-size: 1.15rem;\n }\n\n .about-img>img {\n width: 500px;\n } \n}\n\n@media screen and (max-width: 992px){\n\n .about .line-styling{\n top: 20px;\n }\n\n .about-body {\n padding-top: 2rem;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n }\n\n .about-description{\n flex: 0.6 1;\n box-sizing: border-box;\n /* padding: 5% 10%; */\n padding: 20px;\n\n }\n\n .about-description > h2 {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n\n .about-description > p {\n font-size: 1.1rem;\n }\n\n .about-img > img {\n width: 250px;\n flex: 0.4 1;\n }\n\n}\n\n@media screen and (max-width: 800px){\n .about .line-styling .style-circle{\n width: 8px;\n height: 8px;\n border-radius: 50%;\n }\n .about-description > h2{\n align-self: center;\n }\n\n}\n\n@media screen and (max-width: 600px){\n\n .about .line-styling .style-circle{\n width: 5px;\n height: 5px;\n border-radius: 50%;\n }\n .about .line-styling .style-line{\n /* width: 93%; */\n height: 3px;\n border-radius: 10px;\n }\n\n .about-description > h2 {\n font-size: 2.5rem;\n }\n\n .about-description > p{\n font-size: 0.95rem;\n }\n\n .about-img > img {\n /* width: 200px; */\n }\n}\n\n.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: #eaeaea;\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: #eaeaea;\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: #eaeaea;\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%, #eaeaea 100%);\n color:purple;\n color: var(--primary);\n border-radius: 10px;\n}\n\n.slick-slider {\n height: 100% !important;\n width: 100%;\n}\n\n.slick-initialized {\n overflow: hidden;\n}\n\n.slick-list {\n position: relative;\n display: block;\n overflow: hidden;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\n.slick-dots {\n position: relative !important;\n bottom: 1rem !important;\n\n}\n\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: yellow;\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: #232526;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #232526;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #eaeaea 100%)\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 48px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n line-height: 6rem;\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 30px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n}\n\n\nul\n{\n\n text-align: justify;\n}\n\nul:after\n{\n content: '';\n display: inline-block;\n width: 100%;\n}\n\nul:before\n{\n content: '';\n display: block;\n}\n\nli\n{\n color: #fff;\n display: inline-block;\n font: 1em/1.5 sans-serif;\n /* position: relative; */\n\n}\n\n.socialmedia-icons\n{\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n grid-gap: 1.5rem;\n gap: 1.5rem;\n margin: 1rem;\n color: #eaeaea;\n}\n\n\n\n.contacts\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n position: relative;\n background: linear-gradient( #eaeaea 0%, #222 100%);\n\n}\n\n\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n width: 280px;\n pointer-events: none;\n}\n\n.contacts-body\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 100%;\n}\n\n\n\na:-webkit-any-link\n{\n color: #eaeaea;\n cursor: pointer;\n text-decoration: none;\n -webkit-transition: all 0s;\n transition: all 0s;\n}\n\na:-webkit-any-link:hover\n{\n background-color: #232526;\n color: #212121;\n font-weight: 400;\n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #232526; */\n width: 45px;\n height: 45px;\n display: flex;\n font-size: 21px;\n transition: 250ms ease-in-out;\n align-items: center;\n border-radius: 50%;\n justify-content: center;\n background-color: none;\n}\n\n.contacts-details\n{\n display: flex; \n align-items: flex-start;\n justify-content: space-evenly;\n flex: none;\n box-sizing: border-box;\n margin-top: 1.2rem;\n\n}\n\n.personal-details p\n{\n margin-left: 1.5rem;\n font-size: 18px;\n line-height: 110%;\n font-weight: 500;\n font-family: var(--primaryFont);\n white-space: nowrap;\n overflow: visible;\n display: flex;\n justify-content: space-between;\n}\n\n.personal-details\n{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #eaeaea;\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n}\n\n.personal-details:hover\n{\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n background-color: #232526;\n color: #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: '#232526';\n border-radius: '50%'; \n margin-bottom: 0.3rem;\n width: '45px';\n height: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n font-size: '23px';\n transition: '250ms ease-in-out';\n flex-shrink: 0;\n}\n\ndetailsIcon:hover\n{\n -webkit-transform: 'scale(1.1)';\n transform: 'scale(1.1)';\n color: '#667';\n background-color: '#232526';\n}\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n /* width: 240px; */\n}\n\n.makeStyles-detailsIcon-35\n{\n height: 0.5rem;\n}\n\n\nul,\n.socialMedia-icons\n{\n flex-direction: row;\n}\n\n\n\n@media screen and (max-width: 992px)\n{\n .contacts--img\n {\n display: none;\n }\n\n \n\n\n .personal-details p\n {\n margin-left: 1rem;\n\n flex-direction: row;\n }\n}\n\n@media screen and (max-width: 800px)\n{\n \n .personal-details\n {\n display: flex;\n flex-direction: row;\n font-size: 0.5rem;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #232526;\n -webkit-text-decoration: wavy;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n }\n\n \n\n .contacts-icons\n {\n font-size: .5rem;\n }\n\n \n\n .socialMedia-icons\n {\n flex-direction: row;\n }\n\n .contacts-form\n {\n display: flex;\n flex: 1 1;\n\n }\n\n .form-input\n {\n margin-bottom: 0.45rem;\n }\n\n .contacts-form form\n {\n align-items: flex-end;\n }\n\n .contacts-details\n {\n padding-left: 0rem;\n padding: 1rem;\n align-items: center;\n margin-top: 2rem;\n /* flex-direction: column; */\n }\n .personal-details\n {\n margin-bottom: 1.8rem;\n }\n\n .personal-details p\n {\n margin-left: 1.2rem;\n width: 95%;\n }\n}\n\n@media screen and (max-width: 600px)\n{\n .contacts-form\n {\n display: flex;\n flex: 1 1;\n }\n}\n\n\n.localIcon\n{\n font-size: 2rem;\n}\n \n.contactHeader2{\n padding: 3rem 0 1rem 0;\n}\n \n.css-pjjdvz {\n margin-left: 8px;\n margin-right: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n}\n.footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #eaeaea;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #eaeaea;\n}\n\n.footer p span {\n font-size: 24px;\n color: #eaeaea;\n}\n\n\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: #232526;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #232526;\n}\n","@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap\" rel=\"stylesheet');\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap');\n\n@font-face {\n font-family: 'BestermindRegular';\n src: url('./assets/fonts/Bestermind/BestermindRegular.ttf'); \n src: url('./assets/fonts/Bestermind/BestermindRegular.ttf') format('embedded-opentype'), \n url('./assets/fonts/Bestermind/BestermindRegular.ttf') format('truetype'), \n}\nbody{\n background: linear-gradient(#111 0%, #135d66 100%);\n\n}\n:root {\n --primary: #232526;\n --white: #ffffff;\n}\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: var(--primary);\n}\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\na {\n text-decoration: none;\n}\n\n\n/* scrollBar */\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n::-webkit-scrollbar-track {\n background: var(--primary);\n}\n::-webkit-scrollbar-thumb {\n background: #eaeaea;\n border-radius: 10px;\n transition: 2.3s;\n}\n\nimg{\n -webkit-touch-callout: none; \n -webkit-user-select: none;\n -khtml-user-select: none; \n -moz-user-select: none;\n -ms-user-select: none; \n user-select: none; \n\n}\n\n.makeStyles-drawerItem-77 {\n color: #eaeaea;\n}\n\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media screen and (max-width: 400px) {\n body {\n overflow-x: hidden;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n body {\n overflow-x: hidden;\n }\n}\n\n",".navbar {\n height: 6.5rem;\n position: absolute;\n background-color: transparent;\n z-index: 99;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.navbar--container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0 3rem;\n margin-top: 1rem;\n}\n\n.navbar--container>h1 {\n font-family: 'BestermindRegular';\n color: var(--primary-2);\n font-size: 2.5rem;\n user-select: none;\n}\n\n.navLink--container {\n margin-top: 5rem;\n}\n\n.drawer>.MuiBackdrop-root {\n background: rgba(33, 33, 33, 0.15) !important;\n backdrop-filter: blur(20px) !important;\n}\n\n/* ------------------------------------ MEDIA QUERIES ------------------------------------ */\n@media (max-width:1100px) {\n .navbar--container {\n padding: 0 2rem;\n }\n\n .navbar--container>h1 {\n font-size: 2.2rem;\n }\n\n .nav-menu {\n font-size: 2.2rem;\n margin-top: -1.5rem;\n }\n}\n\n@media (max-width:800px) {\n .navLink--container {\n margin-top: 3rem;\n }\n}\n\n@media (max-width:600px) {\n .nav-menu {\n color: var(--primary);\n }\n\n .navbar--container>h1 {\n font-size: 2rem;\n }\n\n .nav-menu:hover {\n color: var(--primary-2);\n }\n\n .MuiDrawer-paper {\n border-radius: 0 !important;\n }\n}\n\n@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n .navbar {\n height: 5rem;\n }\n\n .navbar--container {\n padding: 0 1rem;\n margin-top: 0rem;\n }\n\n .navbar--container>h1 {\n font-size: 1.5rem;\n }\n}",".landing {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.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%, #232526 100%)\n\n}\n\n.about .line-styling{\n position: absolute;\n top: 50px;\n left: 50%;\n transform: translateX(-50%);\n height: 50px;\n width: 85%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.about .line-styling .style-circle{\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n.about .line-styling .style-line{\n width: 95%;\n height: 5px;\n border-radius: 10px;\n}\n\n.about-body {\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n padding-top: 8rem;\n height: fit-content;\n}\n\n.about-description {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-evenly;\n flex: 0.5;\n width: 100%;\n height: fit-content;\n}\n\n.about-description >h2 {\n margin-bottom: 40px;\n font-size: 3.5rem;\n font-family: var(--primaryFont);\n}\n\n.about-description > p {\n font-size: 1.25rem;\n color: #e0d9d9;\n font-family: var(--primaryFont);\n}\n\n.about-img {\n margin-top: 40px;\n pointer-events: none;\n}\n\n.about-img > img {\n width: 600px;\n flex: 0.5;\n}\n\n@media (min-width: 992px) and (max-width: 1380px) {\n\n .about-description > h2 {\n font-size: 3.3rem;\n margin-bottom: 30px;\n }\n .about-description > p {\n font-size: 1.15rem;\n }\n\n .about-img>img {\n width: 500px;\n } \n}\n\n@media screen and (max-width: 992px){\n\n .about .line-styling{\n top: 20px;\n }\n\n .about-body {\n padding-top: 2rem;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n }\n\n .about-description{\n flex: 0.6;\n box-sizing: border-box;\n /* padding: 5% 10%; */\n padding: 20px;\n\n }\n\n .about-description > h2 {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n\n .about-description > p {\n font-size: 1.1rem;\n }\n\n .about-img > img {\n width: 250px;\n flex: 0.4;\n }\n\n}\n\n@media screen and (max-width: 800px){\n .about .line-styling .style-circle{\n width: 8px;\n height: 8px;\n border-radius: 50%;\n }\n .about-description > h2{\n align-self: center;\n }\n\n}\n\n@media screen and (max-width: 600px){\n\n .about .line-styling .style-circle{\n width: 5px;\n height: 5px;\n border-radius: 50%;\n }\n .about .line-styling .style-line{\n /* width: 93%; */\n height: 3px;\n border-radius: 10px;\n }\n\n .about-description > h2 {\n font-size: 2.5rem;\n }\n\n .about-description > p{\n font-size: 0.95rem;\n }\n\n .about-img > img {\n /* width: 200px; */\n }\n}\n",".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: #eaeaea;\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: #eaeaea;\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: #eaeaea;\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%, #eaeaea 100%);\n color:purple;\n color: var(--primary);\n border-radius: 10px;\n}\n\n.slick-slider {\n height: 100% !important;\n width: 100%;\n}\n\n.slick-initialized {\n overflow: hidden;\n}\n\n.slick-list {\n position: relative;\n display: block;\n overflow: hidden;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\n.slick-dots {\n position: relative !important;\n bottom: 1rem !important;\n\n}\n\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: yellow;\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: #232526;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate\n{\n color: #232526;\n}\n\n.contactsHead\n{\n background: linear-gradient(#222 0%, #eaeaea 100%)\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 48px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n line-height: 6rem;\n}\n\n.contactHeader\n{\n color: #232526;\n font-size: 30px;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n}\n\n\nul\n{\n\n text-align: justify;\n}\n\nul:after\n{\n content: '';\n display: inline-block;\n width: 100%;\n}\n\nul:before\n{\n content: '';\n display: block;\n}\n\nli\n{\n color: #fff;\n display: inline-block;\n font: 1em/1.5 sans-serif;\n /* position: relative; */\n\n}\n\n.socialmedia-icons\n{\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin: 1rem;\n color: #eaeaea;\n}\n\n\n\n.contacts\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n position: relative;\n background: linear-gradient( #eaeaea 0%, #222 100%);\n\n}\n\n\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n width: 280px;\n pointer-events: none;\n}\n\n.contacts-body\n{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n width: 100%;\n}\n\n\n\na:-webkit-any-link\n{\n color: #eaeaea;\n cursor: pointer;\n text-decoration: none;\n transition: all 0s;\n}\n\na:-webkit-any-link:hover\n{\n background-color: #232526;\n color: #212121;\n font-weight: 400;\n}\n\n.makeStyles-socialIcon-31\n{\n /* color: #232526; */\n width: 45px;\n height: 45px;\n display: flex;\n font-size: 21px;\n transition: 250ms ease-in-out;\n align-items: center;\n border-radius: 50%;\n justify-content: center;\n background-color: none;\n}\n\n.contacts-details\n{\n display: flex; \n align-items: flex-start;\n justify-content: space-evenly;\n flex: none;\n box-sizing: border-box;\n margin-top: 1.2rem;\n\n}\n\n.personal-details p\n{\n margin-left: 1.5rem;\n font-size: 18px;\n line-height: 110%;\n font-weight: 500;\n font-family: var(--primaryFont);\n white-space: nowrap;\n overflow: visible;\n display: flex;\n justify-content: space-between;\n}\n\n.personal-details\n{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #eaeaea;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n}\n\n.personal-details:hover\n{\n text-decoration: wavy;\n background-color: #232526;\n color: #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: '#232526';\n border-radius: '50%'; \n margin-bottom: 0.3rem;\n width: '45px';\n height: '45px';\n display: 'flex';\n align-items: 'center';\n justify-content: 'center';\n font-size: '23px';\n transition: '250ms ease-in-out';\n flex-shrink: 0;\n}\n\ndetailsIcon:hover\n{\n transform: 'scale(1.1)';\n color: '#667';\n background-color: '#232526';\n}\n\n.contacts--img\n{\n position: absolute;\n right: 0;\n bottom: 0;\n /* width: 240px; */\n}\n\n.makeStyles-detailsIcon-35\n{\n height: 0.5rem;\n}\n\n\nul,\n.socialMedia-icons\n{\n flex-direction: row;\n}\n\n\n\n@media screen and (max-width: 992px)\n{\n .contacts--img\n {\n display: none;\n }\n\n \n\n\n .personal-details p\n {\n margin-left: 1rem;\n\n flex-direction: row;\n }\n}\n\n@media screen and (max-width: 800px)\n{\n \n .personal-details\n {\n display: flex;\n flex-direction: row;\n font-size: 0.5rem;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n margin-bottom: 2.5rem;\n color: #232526;\n text-decoration: wavy;\n font-weight: 400;\n background-color: #d3540000;\n border-radius: 10px;\n padding: 5px;\n transition: all .5s;\n }\n\n \n\n .contacts-icons\n {\n font-size: .5rem;\n }\n\n \n\n .socialMedia-icons\n {\n flex-direction: row;\n }\n\n .contacts-form\n {\n display: flex;\n flex: 1;\n\n }\n\n .form-input\n {\n margin-bottom: 0.45rem;\n }\n\n .contacts-form form\n {\n align-items: flex-end;\n }\n\n .contacts-details\n {\n padding-left: 0rem;\n padding: 1rem;\n align-items: center;\n margin-top: 2rem;\n /* flex-direction: column; */\n }\n .personal-details\n {\n margin-bottom: 1.8rem;\n }\n\n .personal-details p\n {\n margin-left: 1.2rem;\n width: 95%;\n }\n}\n\n@media screen and (max-width: 600px)\n{\n .contacts-form\n {\n display: flex;\n flex: 1;\n }\n}\n\n\n.localIcon\n{\n font-size: 2rem;\n}\n \n.contactHeader2{\n padding: 3rem 0 1rem 0;\n}\n \n.css-pjjdvz {\n margin-left: 8px;\n margin-right: 8px;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-align-items: inherit;\n -webkit-box-align: inherit;\n -ms-flex-align: inherit;\n align-items: center;\n\n}",".footer {\n font-family: 'var(--primaryFont)', sans-serif;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #eaeaea;\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n color: #eaeaea;\n}\n\n.footer p span {\n font-size: 24px;\n color: #eaeaea;\n}\n\n",".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: #232526;\n --white: #ffffff;\n}\n\n.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{\n color: #232526;\n}"]} \ No newline at end of file diff --git a/build/static/css/main.8bba0d8c.chunk.css b/build/static/css/main.8bba0d8c.chunk.css deleted file mode 100644 index 3c6ded8..0000000 --- a/build/static/css/main.8bba0d8c.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap);@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:90%}.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}.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}.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:#2d3334;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:#2d3334;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}.footer p{font-weight:500;font-family:var(--secondary70);font-size:18px}.footer p span{font-size:24px}.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.8bba0d8c.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.8bba0d8c.chunk.css.map b/build/static/css/main.8bba0d8c.chunk.css.map deleted file mode 100644 index d207636..0000000 --- a/build/static/css/main.8bba0d8c.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["main.8bba0d8c.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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","file":"main.8bba0d8c.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: 90%;\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\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}\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: #2d3334;\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: #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.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:\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n}\n\n.footer p span {\n font-size: 24px;\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: 90%;\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}",".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}\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: #2d3334;\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: #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.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:\n}\n\n.footer p {\n font-weight: 500;\n font-family: var(--secondary70);\n font-size: 18px;\n}\n\n.footer p span {\n font-size: 24px;\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/css/main.ba96582f.chunk.css.map b/build/static/css/main.ba96582f.chunk.css.map deleted file mode 100644 index 99be298..0000000 --- a/build/static/css/main.ba96582f.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"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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","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/2.09d8be7a.chunk.js b/build/static/js/2.09d8be7a.chunk.js deleted file mode 100644 index a90301d..0000000 --- a/build/static/js/2.09d8be7a.chunk.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see 2.09d8be7a.chunk.js.LICENSE.txt */ -(this.webpackJsonpjonsportfolio=this.webpackJsonpjonsportfolio||[]).push([[2],[function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(2),o=n.n(r),i={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},a=o.a.createContext&&o.a.createContext(i),c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=0||(o[n]=e[n]);return o}n.d(t,"a",(function(){return r}))},function(e,t,n){e.exports=n(178)()},function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t2&&void 0!==arguments[2])||arguments[2];if(!t||"string"!==typeof t)return null;if(e&&e.vars&&n){var r="vars.".concat(t).split(".").reduce((function(e,t){return e&&e[t]?e[t]:null}),e);if(null!=r)return r}return t.split(".").reduce((function(e,t){return e&&null!=e[t]?e[t]:null}),e)}function c(e,t,n){var r,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n;return r="function"===typeof e?e(n):Array.isArray(e)?e[n]||o:a(e,n)||o,t&&(r=t(r,o)),r}t.a=function(e){var t=e.prop,n=e.cssProperty,l=void 0===n?e.prop:n,s=e.themeKey,u=e.transform,d=function(e){if(null==e[t])return null;var n=e[t],d=a(e.theme,s)||{};return Object(i.b)(e,n,(function(e){var n=c(d,u,e);return e===n&&"string"===typeof e&&(n=c(d,u,"".concat(t).concat("default"===e?"":Object(o.a)(e)),e)),!1===l?n:Object(r.a)({},l,n)}))};return d.propTypes={},d.filterProps=[t],d}},function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(136);var o=n(71),i=n(137);function a(e,t){return Object(r.a)(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(l){c=!0,o=l}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}}(e,t)||Object(o.a)(e,t)||Object(i.a)()}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(240),o=n(53);function i(e){var t=e.props,n=e.name;return Object(r.a)({props:t,name:n,defaultTheme:o.a})}},function(e,t,n){"use strict";n.d(t,"d",(function(){return o})),n.d(t,"f",(function(){return i})),n.d(t,"g",(function(){return a})),n.d(t,"h",(function(){return c})),n.d(t,"i",(function(){return l})),n.d(t,"k",(function(){return s})),n.d(t,"j",(function(){return u})),n.d(t,"l",(function(){return d})),n.d(t,"m",(function(){return f})),n.d(t,"o",(function(){return p})),n.d(t,"r",(function(){return h})),n.d(t,"a",(function(){return v})),n.d(t,"b",(function(){return m})),n.d(t,"c",(function(){return b})),n.d(t,"e",(function(){return y})),n.d(t,"n",(function(){return g})),n.d(t,"p",(function(){return O})),n.d(t,"q",(function(){return w}));var r=n(0);function o(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M333.5,201.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5C315.4,238.2,333.5,225,333.5,201.4z M517,188.6 c-9.5-30.9-10.9-68.8-9.8-98.1c1.1-30.5-22.7-58.5-54.7-58.5H123.7c-32.1,0-55.8,28.1-54.7,58.5c1,29.3-0.3,67.2-9.8,98.1 c-9.6,31-25.7,50.6-52.2,53.1v28.5c26.4,2.5,42.6,22.1,52.2,53.1c9.5,30.9,10.9,68.8,9.8,98.1c-1.1,30.5,22.7,58.5,54.7,58.5h328.7 c32.1,0,55.8-28.1,54.7-58.5c-1-29.3,0.3-67.2,9.8-98.1c9.6-31,25.7-50.6,52.1-53.1v-28.5C542.7,239.2,526.5,219.6,517,188.6z M300.2,375.1h-97.9V136.8h97.4c43.3,0,71.7,23.4,71.7,59.4c0,25.3-19.1,47.9-43.5,51.8v1.3c33.2,3.6,55.5,26.6,55.5,58.3 C383.4,349.7,352.1,375.1,300.2,375.1z M290.2,266.4h-50.1v78.4h52.3c34.2,0,52.3-13.7,52.3-39.5 C344.7,279.6,326.1,266.4,290.2,266.4z"}}]})(e)}function i(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.999c0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.999 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285zM278 63.131l172.286 114.858-76.857 51.429L278 165.703V63.131zm-44 0v102.572l-95.429 63.715-76.857-51.429L234 63.131zM44 219.132l55.143 36.857L44 292.846v-73.714zm190 229.715L61.714 333.989l76.857-51.429L234 346.275v102.572zm22-140.858l-77.715-52 77.715-52 77.715 52-77.715 52zm22 140.858V346.275l95.429-63.715 76.857 51.429L278 448.847zm190-156.001l-55.143-36.857L468 219.132v73.714z"}}]})(e)}function a(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 32l34.9 395.8L192 480l157.1-52.2L384 32H0zm313.1 80l-4.8 47.3L193 208.6l-.3.1h111.5l-12.8 146.6-98.2 28.7-98.8-29.2-6.4-73.9h48.9l3.2 38.3 52.6 13.3 54.7-15.4 3.7-61.6-166.3-.5v-.1l-.2.1-3.6-46.3L193.1 162l6.5-2.7H76.7L70.9 112h242.2z"}}]})(e)}function c(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 496 512"},child:[{tag:"path",attr:{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}}]})(e)}function l(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}}]})(e)}function s(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"}}]})(e)}function u(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}}]})(e)}function d(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z"}}]})(e)}function f(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z"}}]})(e)}function p(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"}}]})(e)}function h(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}}]})(e)}function v(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"}}]})(e)}function m(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"}}]})(e)}function b(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"}}]})(e)}function y(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 640 512"},child:[{tag:"path",attr:{d:"M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"}}]})(e)}function g(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M400 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM224 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm176-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h328c6.6 0 12 5.4 12 12v312z"}}]})(e)}function O(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"}}]})(e)}function w(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"}}]})(e)}},function(e,t,n){"use strict";var r=n(153);t.a=r.a},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(5);function o(e,t){if(null==e)return{};var n,o,i=Object(r.a)(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(87);var o=n(141),i=n(71);function a(e){return function(e){if(Array.isArray(e))return Object(r.a)(e)}(e)||Object(o.a)(e)||Object(i.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(4);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},n=null==(e=t.keys)?void 0:e.reduce((function(e,n){return e[t.up(n)]={},e}),{});return n||{}}function c(e,t){return e.reduce((function(e,t){var n=e[t];return(!n||0===Object.keys(n).length)&&delete e[t],e}),t)}function l(e){var t,n=e.values,r=e.breakpoints,o=e.base||function(e,t){if("object"!==typeof e)return{};var n={},r=Object.keys(t);return Array.isArray(e)?r.forEach((function(t,r){r1&&void 0!==arguments[1]?arguments[1]:{};return function(n){var i=t.defaultTheme,c=t.withTheme,f=void 0!==c&&c,p=t.name,h=Object(o.a)(t,["defaultTheme","withTheme","name"]);var v=p,m=Object(s.a)(e,Object(r.a)({defaultTheme:i,Component:n,name:p||n.displayName,classNamePrefix:v},h)),b=a.a.forwardRef((function(e,t){e.classes;var c,l=e.innerRef,s=Object(o.a)(e,["classes","innerRef"]),h=m(Object(r.a)({},n.defaultProps,e)),v=s;return("string"===typeof p||f)&&(c=Object(d.a)()||i,p&&(v=Object(u.a)({theme:c,name:p,props:s})),f&&!v.theme&&(v.theme=c)),a.a.createElement(n,Object(r.a)({ref:l||t,classes:h},v))}));return l()(b,n),b}},p=n(75);t.a=function(e,t){return f(e,Object(r.a)({defaultTheme:p.a},t))}},function(e,t,n){"use strict";n.d(t,"b",(function(){return h})),n.d(t,"a",(function(){return v})),n.d(t,"d",(function(){return m}));var r=n(11),o=n(27),i=n(10),a=n(46);var c={m:"margin",p:"padding"},l={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},s={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},u=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){if(e.length>2){if(!s[e])return[e];e=s[e]}var t=e.split(""),n=Object(r.a)(t,2),o=n[0],i=n[1],a=c[o],u=l[i]||"";return Array.isArray(u)?u.map((function(e){return a+e})):[a+u]})),d=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],f=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],p=[].concat(d,f);function h(e,t,n,r){var o,a=null!=(o=Object(i.b)(e,t,!1))?o:n;return"number"===typeof a?function(e){return"string"===typeof e?e:a*e}:Array.isArray(a)?function(e){return"string"===typeof e?e:a[e]}:"function"===typeof a?a:function(){}}function v(e){return h(e,"spacing",8)}function m(e,t){if("string"===typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"===typeof n?-n:"-".concat(n)}function b(e,t,n,r){if(-1===t.indexOf(n))return null;var i=function(e,t){return function(n){return e.reduce((function(e,r){return e[r]=m(t,n),e}),{})}}(u(n),r),a=e[n];return Object(o.b)(e,a,i)}function y(e,t){var n=v(e.theme);return Object.keys(e).map((function(r){return b(e,t,r,n)})).reduce(a.a,{})}function g(e){return y(e,d)}function O(e){return y(e,f)}function w(e){return y(e,p)}g.propTypes={},g.filterProps=d,O.propTypes={},O.filterProps=f,w.propTypes={},w.filterProps=p;t.c=w},,function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(2),o=n(74);function i(){return r.useContext(o.a)}},function(e,t,n){"use strict";function r(e){var t=e.props,n=e.states,r=e.muiFormControl;return n.reduce((function(e,n){return e[n]=t[n],r&&"undefined"===typeof t[n]&&(e[n]=r[n]),e}),{})}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(152);function o(e){if("string"!==typeof e)throw new Error(Object(r.a)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return o}));function r(e,t,n){var r="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):r+=n+" "})),r}var o=function(e,t,n){var r=e.key+"-"+t.name;!1===n&&void 0===e.registered[r]&&(e.registered[r]=t.styles)},i=function(e,t,n){o(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+r:"",i,e.sheet,!0);i=i.next}while(void 0!==i)}}},function(e,t,n){"use strict";n.d(t,"a",(function(){return x})),n.d(t,"b",(function(){return T})),n.d(t,"d",(function(){return M})),n.d(t,"c",(function(){return v})),n.d(t,"f",(function(){return m})),n.d(t,"e",(function(){return h}));var r=n(3);function o(e){return"/"===e.charAt(0)}function i(e,t){for(var n=t,r=n+1,o=e.length;r=0;f--){var p=a[f];"."===p?i(a,f):".."===p?(i(a,f),d++):d&&(i(a,f),d--)}if(!s)for(;d--;d)a.unshift("..");!s||""===a[0]||a[0]&&o(a[0])||a.unshift("");var h=a.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};function c(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var l=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"===typeof t||"object"===typeof n){var r=c(t),o=c(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},s=n(37);function u(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function f(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function h(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function v(e,t,n,o){var i;"string"===typeof e?(i=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),i.state=t):(void 0===(i=Object(r.a)({},e)).pathname&&(i.pathname=""),i.search?"?"!==i.search.charAt(0)&&(i.search="?"+i.search):i.search="",i.hash?"#"!==i.hash.charAt(0)&&(i.hash="#"+i.hash):i.hash="",void 0!==t&&void 0===i.state&&(i.state=t));try{i.pathname=decodeURI(i.pathname)}catch(c){throw c instanceof URIError?new URIError('Pathname "'+i.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):c}return n&&(i.key=n),o?i.pathname?"/"!==i.pathname.charAt(0)&&(i.pathname=a(i.pathname,o.pathname)):i.pathname=o.pathname:i.pathname||(i.pathname="/"),i}function m(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&l(e.state,t.state)}function b(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"===typeof e?e(t,n):e;"string"===typeof i?"function"===typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=v(e,t,f(),O.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(O.entries[O.index]=o,d({action:r,location:o}))}))},go:g,goBack:function(){g(-1)},goForward:function(){g(1)},canGo:function(e){var t=O.index+e;return t>=0&&t1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function i(e){if(e.type)return e;if("#"===e.charAt(0))return i(function(e){e=e.substr(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map((function(e){return e+e}))),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map((function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3})).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla"].indexOf(n))throw new Error(Object(r.a)(3,e));var o=e.substring(t+1,e.length-1).split(",");return{type:n,values:o=o.map((function(e){return parseFloat(e)}))}}function a(e){var t=e.type,n=e.values;return-1!==t.indexOf("rgb")?n=n.map((function(e,t){return t<3?parseInt(e,10):e})):-1!==t.indexOf("hsl")&&(n[1]="".concat(n[1],"%"),n[2]="".concat(n[2],"%")),"".concat(t,"(").concat(n.join(", "),")")}function c(e,t){var n=l(e),r=l(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function l(e){var t="hsl"===(e=i(e)).type?i(function(e){var t=(e=i(e)).values,n=t[0],r=t[1]/100,o=t[2]/100,c=r*Math.min(o,1-o),l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return o-c*Math.max(Math.min(t-3,9-t,1),-1)},s="rgb",u=[Math.round(255*l(0)),Math.round(255*l(8)),Math.round(255*l(4))];return"hsla"===e.type&&(s+="a",u.push(t[3])),a({type:s,values:u})}(e)).values:e.values;return t=t.map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)})),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function s(e,t){return e=i(e),t=o(t),"rgb"!==e.type&&"hsl"!==e.type||(e.type+="a"),e.values[3]=t,a(e)}function u(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return a(e)}function d(e,t){if(e=i(e),t=o(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;return a(e)}},function(e,t,n){"use strict";function r(e){return e&&e.ownerDocument||document}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return b})),n.d(t,"c",(function(){return O}));var r=n(22),o=n(24),i=n(2),a=n.n(i),c=n(36),l=n(3),s=n(5),u=n(37),d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o0&&void 0!==arguments[0]?arguments[0]:["all"],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.duration,c=void 0===n?i.standard:n,l=t.easing,s=void 0===l?o.easeInOut:l,u=t.delay,d=void 0===u?0:u;Object(r.a)(t,["duration","easing","delay"]);return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"===typeof c?c:a(c)," ").concat(s," ").concat("string"===typeof d?d:a(d))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}}},function(e,t,n){"use strict";var r=n(122);t.a=r.a},function(e,t,n){"use strict";var r=n(126);t.a=function(e,t){return t?Object(r.a)(e,t,{clone:!1}):e}},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){var n=t.distance,r=t.left,o=t.right,i=t.up,a=t.down,c=t.top,s=t.bottom,u=t.big,d=t.mirror,p=t.opposite,h=(n?n.toString():0)+((r?1:0)|(o?2:0)|(c||a?4:0)|(s||i?8:0)|(d?16:0)|(p?32:0)|(e?64:0)|(u?128:0));if(f.hasOwnProperty(h))return f[h];var v=r||o||i||a||c||s,m=void 0,b=void 0;if(v){if(!d!=!(e&&p)){var y=[o,r,s,c,a,i];r=y[0],o=y[1],c=y[2],s=y[3],i=y[4],a=y[5]}var g=n||(u?"2000px":"100%");m=r?"-"+g:o?g:"0",b=a||c?"-"+g:i||s?g:"0"}return f[h]=(0,l.animation)((e?"to":"from")+" {opacity: 0;"+(v?" transform: translate3d("+m+", "+b+", 0);":"")+"}\n "+(e?"from":"to")+" {opacity: 1;transform: none;} "),f[h]}function i(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.defaults,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.children,i=(e.out,e.forever),a=e.timeout,c=e.duration,s=void 0===c?l.defaults.duration:c,d=e.delay,f=void 0===d?l.defaults.delay:d,p=e.count,h=void 0===p?l.defaults.count:p,v=r(e,["children","out","forever","timeout","duration","delay","count"]),m={make:o,duration:void 0===a?s:a,delay:f,forever:i,count:h,style:{animationFillMode:"both"},reverse:v.left};return t?(0,u.default)(v,m,m,n):m}Object.defineProperty(t,"__esModule",{value:!0});var a,c=n(6),l=n(131),s=n(180),u=(a=s)&&a.__esModule?a:{default:a},d={out:c.bool,left:c.bool,right:c.bool,top:c.bool,bottom:c.bool,big:c.bool,mirror:c.bool,opposite:c.bool,duration:c.number,timeout:c.number,distance:c.string,delay:c.number,count:c.number,forever:c.bool},f={};i.propTypes=d,t.default=i,e.exports=t.default},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));n(2);var r=n(63),o=n(53);function i(){return Object(r.a)(o.a)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var r=n(2),o=!!r.useInsertionEffect&&r.useInsertionEffect,i=o||function(e){return e()},a=o||r.useLayoutEffect},function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=function(e){for(var t,n=0,r=0,o=e.length;o>=4;++r,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(o){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)},o={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},i=n(84),a=/[A-Z]|^ms/g,c=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=function(e){return 45===e.charCodeAt(1)},s=function(e){return null!=e&&"boolean"!==typeof e},u=Object(i.a)((function(e){return l(e)?e:e.replace(a,"-$&").toLowerCase()})),d=function(e,t){switch(e){case"animation":case"animationName":if("string"===typeof t)return t.replace(c,(function(e,t,n){return p={name:t,styles:n,next:p},t}))}return 1===o[e]||l(e)||"number"!==typeof t||0===t?t:t+"px"};function f(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return p={name:n.name,styles:n.styles,next:p},n.name;if(void 0!==n.styles){var r=n.next;if(void 0!==r)for(;void 0!==r;)p={name:r.name,styles:r.styles,next:p},r=r.next;return n.styles+";"}return function(e,t,n){var r="";if(Array.isArray(n))for(var o=0;o0&&void 0!==arguments[0]?arguments[0]:null,t=Object(o.a)();return!t||i(t)?e:t},c=Object(r.a)();t.a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c;return a(e)}},function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return a}));var r=n(0);function o(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M991.728 705.408c.016-.56.16-1.071.16-1.63V36.752c.384-3.504.256-7.12-.576-10.752C988.576 11.09 975.583-.222 959.887-.222c-5.888 0-11.344 1.696-16.08 4.48L345.935 159.906c-10.768 2.672-18.752 10.72-22.032 20.672-2.48 4.544-4 9.664-4 15.2v572.544c-30.464-20.384-69.408-32.656-111.872-32.656-97.536 0-176.64 64.608-176.64 144.272 0 79.68 79.103 144.304 176.64 144.304 97.568 0 176.608-64.608 176.608-144.305 0-4.065-.336-8.065-.736-12.049V216.144l544-141.6v533.76c-30.449-20.383-69.409-32.656-111.872-32.656-97.537 0-176.64 64.624-176.64 144.272 0 79.68 79.103 144.304 176.64 144.304 97.568 0 176.608-64.608 176.608-144.305-.016-4.912-.32-9.744-.912-14.511zM208.704 959.952c-66.56 0-112.961-42.191-112.961-79.999 0-37.824 46.384-79.952 112.96-79.952 59.232 0 102.4 33.392 111.185 67.407v.368c0 3.233.624 6.289 1.52 9.216.065.992.225 1.968.225 2.96 0 37.808-46.4 80-112.929 80zm606.991-159.999c-65.968 0-111.953-42.176-111.953-80s45.984-79.952 111.952-79.952c65.952 0 111.937 42.128 111.937 79.952s-45.968 80-111.936 80z"}}]})(e)}function i(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M158.6 522.6c-11.6 0-22.4-7.402-26-19.002-29.4-91.8-33.6-254 29.4-327.6-14-53.2-6.2-125.2 19.599-163.8 5.4-8 14.2-12.6 24-12.2 73.4 3.201 121.2 33.8 163.2 61.8 59.8-15.599 118-21 187-17.2 17 1 33.8 4.8 48.6 8.2 14 3.2 28.4 6.601 36.8 5.801 7.6-.8 21.2-10 32.2-17.6 10.2-7 21-14.2 32.2-19.2 32-14 60.8-20.4 99.6-21.8 15-.4 27.8 11.199 28.399 26.4s-11.2 27.799-26.4 28.2c-32.2 1.2-53.8 5.8-79.6 17.2-6.6 3-14.8 8.4-23.4 14.4-17 11.6-36.4 24.8-58 26.8-17.4 1.6-35.4-2.4-54.4-7-13.2-3-27-6.2-39.2-7-67.4-3.8-123.4 2-181.4 18.6-7.6 2.2-15.8 1-22.6-3.6l-6.8-4.6C305.198 85.2 270.6 62 220 55.8c-12.6 32.2-14.199 85.6-1.6 117.2 4.401 10.8 1.201 23.399-7.599 30.8-49.4 42-55.6 190.6-26.2 282.8 4.6 14.4-3.4 29.8-17.8 34.4-2.8 1.2-5.6 1.6-8.2 1.6zm207.999 269.998c-2 0-4.002-.2-6.002-.6-14.8-3.2-24-17.8-20.8-32.6l1.8-7.8c8.4-38 16.2-68.6 25.4-91.4-112.2-23.4-194-76.8-232.8-152.4-6.8-13.4-1.6-30 11.801-36.8s30-1.599 36.8 11.802c35 68.2 117.4 114.4 232.2 130.2 11 1.6 20 9.6 22.8 20.199 2.8 10.8-1.2 22.2-10.2 28.8-5.8 5.2-16.4 27-32.6 101.2l-1.8 8c-2.8 12.6-14 21.399-26.6 21.399zm-50.403 200.2c-1.8 0-3.4-.2-5.2-.6-14.8-3-24.6-16.8-21.6-31.6 5-25.4 22.8-36 33.4-42.2 7.2-4.2 9.4-5.8 10.6-8.6 6.2-13.2 4.6-47.4 3.2-74.8-.6-11.6-1.199-23.4-1.399-34.8-63.4 11-132.2 14.4-168.601-45.8-7.2-12-11.8-24.2-16-35.2-4.8-12.4-8.8-23.2-15.4-31.2-9.599-11.6-7.8-28.8 3.8-38.4s28.8-8 38.4 3.8c12.2 15 18.6 31.8 24.2 46.6 3.6 9.6 7 18.6 11.6 26.2 19.6 32.4 62.399 30.4 144.8 13.8 8.6-1.8 17.399.8 23.8 6.6 6.4 6 9.6 14.6 8.6 23.199-2 17.4-.8 40.2.2 62.2 2 38.6 3.8 75-8.4 100.8-8.8 18.6-23 27-32.4 32.4-2.6 1.6-6.6 3.8-7.4 4.8-1.8 13.4-13.2 22.801-26.2 22.801zm397.599-5.2c-9 0-17.6-4.397-23-12.397-2.2-3.6-5.4-5.8-11-9.6-8.8-6.2-20.8-14.6-29.8-32-16.2-31.8-13.6-78-11-126.8 1.599-30 3.198-61-.002-85.4-2.8-20.6-10-29.8-20-42.6-6.4-8.4-13.8-17.801-19.6-30.202-3.8-8.2-3.2-17.6 1.2-25.4 4.6-7.8 12.6-12.8 21.6-13.4 102.6-7.6 183.6-56 222.6-132.6 6.8-13.4 23.2-18.8 36.8-12 13.4 6.8 18.8 23.2 12 36.8-41.6 82.2-121 137.6-221.4 156.6 9 13.2 17.8 30 21.2 55.8 4 29.4 2.2 63 .4 95.4-2 37.6-4.2 80.2 5.201 99 2.4 4.8 5.4 7 12.2 11.8 7.4 5 17.4 12 25.6 24.599s4.601 29.6-7.998 37.8c-4.6 3.2-9.8 4.6-15 4.6zm155.4-470.596c-2.4 0-5.002-.4-7.402-.999-14.6-4.2-23-19.2-18.8-33.8 30.2-106.2 9.6-244.2-43.2-289.2-8.599-7.4-11.8-19.2-8-29.8 12.8-36.6 4.2-91.6-10.399-124.8-6-13.8.2-30 14-36s30 .2 36 14c16.8 38 27.8 97.8 16.8 147.6 65.2 72 78 225.6 47.4 333.2-3.6 12-14.399 19.8-26.399 19.799zm-245.601 507.401c-5 0-10.2-1.4-14.8-4.4-5-3.2-20-12.8-47.8-56-12.6-19.6-21.8-117.2-27.399-290.4-.4-15 11.4-27.799 26.4-28.2s27.8 11.4 28.2 26.4c3.6 113.4 12 242 19.6 264 20.4 31.6 30 38 30.4 38.2 12.6 8.2 16.399 25 8.199 37.8-5 8.2-13.8 12.6-22.8 12.6zm-207.401 0c-9 0-17.8-4.4-23-12.6-8.2-12.6-4.4-29.6 8.2-37.8.4-.2 10-6.6 30.4-38.2 7.6-21.8 15.8-150.6 19.6-264 .4-15 13.2-27 28.2-26.4 15 .4 27 13.2 26.4 28.2-5.6 173.2-14.8 271-27.4 290.4-27.8 43-42.8 52.8-47.8 56-4.4 3-9.6 4.4-14.6 4.4z"}}]})(e)}function a(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M684.4 158.688c52.88 0 100.621 21.636 134.253 56.372 41.84-8.096 81.28-22.848 116.721-43.28-13.712 41.633-42.88 76.56-80.815 98.656 37.12-4.368 72.656-13.904 105.632-28.16-24.72 35.744-55.84 67.216-91.776 92.368.336 7.632.529 15.344.529 23.023 0 235.728-185.008 507.615-523.312 507.615-103.84 0-200.56-29.631-281.903-80.223a377.607 377.607 0 0 0 43.84 2.527c86.16 0 165.503-28.496 228.463-76.4-80.528-1.376-148.496-53.008-171.808-123.84a188.078 188.078 0 0 0 34.624 3.216c16.72 0 33.008-2.16 48.4-6.256-84.128-16.336-147.536-88.448-147.536-174.93v-2.287c24.816 13.376 53.152 21.408 83.344 22.336-49.376-32.033-81.84-86.56-81.84-148.465 0-32.72 9.089-63.376 24.913-89.632C216.817 299.2 352.337 370.24 505.217 377.712c-3.153-13.025-4.784-26.784-4.784-40.624 0-98.544 82.351-178.4 183.967-178.4zm275.789 83.621h.16-.16zM684.397 94.692c-125.664 0-229.773 91.809-245.806 210.433-102.816-20.656-196.32-75.088-263.504-154.944a63.993 63.993 0 0 0-48.977-22.815 66.23 66.23 0 0 0-5.023.192 64.115 64.115 0 0 0-49.776 30.784 237.575 237.575 0 0 0-34.097 122.656c0 28.848 5.183 56.944 15.008 83.216-10.464 11.632-16.496 26.848-16.496 42.912v2.288c0 62.689 24.784 120.864 65.936 164.464-2.368 10.976-1.84 22.464 1.776 33.472 14.193 43.183 40.033 80.4 73.537 108.75-22.497 5.009-45.712 7.537-69.409 7.537-12.528 0-24.72-.688-36.256-2.097-2.56-.32-5.088-.432-7.632-.432-26.88 0-51.28 16.944-60.336 42.784-9.936 28.32 1.089 59.712 26.56 75.568 94.529 58.817 203.712 89.872 315.712 89.872 364.032 0 583.008-284.976 587.264-563.344a429.584 429.584 0 0 0 78.448-85.152 63.392 63.392 0 0 0 12.96-38.496c0-21.776-10.895-41.024-27.487-52.593 7.184-24.624-1.009-51.28-21.009-67.568-11.68-9.504-26-14.336-40.4-14.336a63.75 63.75 0 0 0-31.968 8.56c-21.152 12.193-43.776 21.841-67.6 28.786-43.105-32.432-96.545-50.496-151.425-50.497z"}}]})(e)}},,function(e,t){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";function r(e,t){return function(){return null}}n.d(t,"a",(function(){return r}))},function(e,t,n){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},H=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t},V=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},U=function(e){var t=G(e,m.TITLE),n=G(e,_);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=G(e,T);return t||r||void 0},q=function(e){return G(e,z)||function(){}},$=function(e,t){return t.filter((function(t){return"undefined"!==typeof t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return B({},e,t)}),{})},K=function(e,t){return t.filter((function(e){return"undefined"!==typeof e[m.BASE]})).map((function(e){return e[m.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},X=function(){var e=Date.now();return function(t){var n=Date.now();n-e>16?(e=n,t(n)):setTimeout((function(){X(t)}),0)}}(),Q=function(e){return clearTimeout(e)},J="undefined"!==typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||X:e.requestAnimationFrame||X,Z="undefined"!==typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||Q:e.cancelAnimationFrame||Q,ee=function(e){return console&&"function"===typeof console.warn&&console.warn(e)},te=null,ne=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,c=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,u=e.styleTags,d=e.title,f=e.titleAttributes;ie(m.BODY,r),ie(m.HTML,o),oe(d,f);var p={baseTag:ae(m.BASE,n),linkTags:ae(m.LINK,i),metaTags:ae(m.META,a),noscriptTags:ae(m.NOSCRIPT,c),scriptTags:ae(m.SCRIPT,s),styleTags:ae(m.STYLE,u)},h={},v={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(h[e]=n),r.length&&(v[e]=p[e].oldTags)})),t&&t(),l(e,h,v)},re=function(e){return Array.isArray(e)?e.join(""):e},oe=function(e,t){"undefined"!==typeof e&&document.title!==e&&(document.title=re(e)),ie(m.TITLE,t)},ie=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute(N),o=r?r.split(","):[],i=[].concat(o),a=Object.keys(t),c=0;c=0;d--)n.removeAttribute(i[d]);o.length===i.length?n.removeAttribute(N):n.getAttribute(N)!==a.join(",")&&n.setAttribute(N,a.join(","))}},ae=function(e,t){var n=document.head||document.querySelector(m.HEAD),r=n.querySelectorAll(e+"["+"data-react-helmet]"),o=Array.prototype.slice.call(r),i=[],a=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===w)n.innerHTML=t.innerHTML;else if(r===y)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var c="undefined"===typeof t[r]?"":t[r];n.setAttribute(r,c)}n.setAttribute(N,"true"),o.some((function(e,t){return a=t,n.isEqualNode(e)}))?o.splice(a,1):i.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:i}},ce=function(e){return Object.keys(e).reduce((function(t,n){var r="undefined"!==typeof e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},le=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[P[n]||n]=e[n],t}),t)},se=function(e,t,n){switch(e){case m.TITLE:return{toComponent:function(){return function(e,t,n){var r,o=((r={key:t})[N]=!0,r),i=le(n,o);return[u.a.createElement(m.TITLE,i,t)]}(0,t.title,t.titleAttributes)},toString:function(){return function(e,t,n,r){var o=ce(n),i=re(t);return o?"<"+e+' data-react-helmet="true" '+o+">"+V(i,r)+"":"<"+e+' data-react-helmet="true">'+V(i,r)+""}(e,t.title,t.titleAttributes,n)}};case p:case h:return{toComponent:function(){return le(t)},toString:function(){return ce(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})[N]=!0,r);return Object.keys(t).forEach((function(e){var n=P[e]||e;if(n===w||n===y){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),u.a.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===w||e===y)})).reduce((function(e,t){var o="undefined"===typeof r[t]?t:t+'="'+V(r[t],n)+'"';return e?e+" "+o:o}),""),i=r.innerHTML||r.cssText||"",a=-1===A.indexOf(e);return t+"<"+e+' data-react-helmet="true" '+o+(a?"/>":">"+i+"")}),"")}(e,t,n)}}}},ue=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,c=e.noscriptTags,l=e.scriptTags,s=e.styleTags,u=e.title,d=void 0===u?"":u,f=e.titleAttributes;return{base:se(m.BASE,t,r),bodyAttributes:se(p,n,r),htmlAttributes:se(h,o,r),link:se(m.LINK,i,r),meta:se(m.META,a,r),noscript:se(m.NOSCRIPT,c,r),script:se(m.SCRIPT,l,r),style:se(m.STYLE,s,r),title:se(m.TITLE,{title:d,titleAttributes:f},r)}},de=function(e){var t,n;return n=t=function(t){function n(){return F(this,n),H(this,t.apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),n.prototype.shouldComponentUpdate=function(e){return!l()(this.props,e)},n.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case m.SCRIPT:case m.NOSCRIPT:return{innerHTML:t};case m.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},n.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,i=e.nestedChildren;return B({},r,((t={})[n.type]=[].concat(r[n.type]||[],[B({},o,this.mapNestedChildrenToProps(n,i))]),t))},n.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,i=e.newChildProps,a=e.nestedChildren;switch(r.type){case m.TITLE:return B({},o,((t={})[r.type]=a,t.titleAttributes=B({},i),t));case m.BODY:return B({},o,{bodyAttributes:B({},i)});case m.HTML:return B({},o,{htmlAttributes:B({},i)})}return B({},o,((n={})[r.type]=B({},i),n))},n.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=B({},t);return Object.keys(e).forEach((function(t){var r;n=B({},n,((r={})[t]=e[t],r))})),n},n.prototype.warnOnInvalidChildren=function(e,t){return!0},n.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return u.a.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,i=o.children,a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[L[n]||n]=e[n],t}),t)}(W(o,["children"]));switch(n.warnOnInvalidChildren(e,i),e.type){case m.LINK:case m.META:case m.NOSCRIPT:case m.SCRIPT:case m.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:a,nestedChildren:i});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:a,nestedChildren:i})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},n.prototype.render=function(){var t=this.props,n=t.children,r=W(t,["children"]),o=B({},r);return n&&(o=this.mapChildrenToProps(n,o)),u.a.createElement(e,o)},D(n,null,[{key:"canUseDOM",set:function(t){e.canUseDOM=t}}]),n}(u.a.Component),t.propTypes={base:o.a.object,bodyAttributes:o.a.object,children:o.a.oneOfType([o.a.arrayOf(o.a.node),o.a.node]),defaultTitle:o.a.string,defer:o.a.bool,encodeSpecialCharacters:o.a.bool,htmlAttributes:o.a.object,link:o.a.arrayOf(o.a.object),meta:o.a.arrayOf(o.a.object),noscript:o.a.arrayOf(o.a.object),onChangeClientState:o.a.func,script:o.a.arrayOf(o.a.object),style:o.a.arrayOf(o.a.object),title:o.a.string,titleAttributes:o.a.object,titleTemplate:o.a.string},t.defaultProps={defer:!0,encodeSpecialCharacters:!0},t.peek=e.peek,t.rewind=function(){var t=e.rewind();return t||(t=ue({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),t},n}(a()((function(e){return{baseTag:K([g,C],e),bodyAttributes:$(p,e),defer:G(e,R),encode:G(e,M),htmlAttributes:$(h,e),linkTags:Y(m.LINK,[k,g],e),metaTags:Y(m.META,[x,b,O,S,j],e),noscriptTags:Y(m.NOSCRIPT,[w],e),onChangeClientState:q(e),scriptTags:Y(m.SCRIPT,[E,w],e),styleTags:Y(m.STYLE,[y],e),title:U(e),titleAttributes:$(v,e)}}),(function(e){te&&Z(te),e.defer?te=J((function(){ne(e,(function(){te=null}))})):(ne(e),te=null)}),ue)((function(){return null})));de.renderStatic=de.rewind}).call(this,n(99))},function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return i}));var r=n(0);function o(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168zm330-170c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1z"}}]})(e)}function i(e){return Object(r.a)({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"}}]})(e)}},function(e,t,n){"use strict";var r=n(2),o=r.createContext();t.a=o},function(e,t,n){"use strict";var r=n(4),o=n(15),i=n(289),a=n(3),c=["xs","sm","md","lg","xl"];function l(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,r=e.unit,i=void 0===r?"px":r,l=e.step,s=void 0===l?5:l,u=Object(o.a)(e,["values","unit","step"]);function d(e){var t="number"===typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(i,")")}function f(e,t){var r=c.indexOf(t);return r===c.length-1?d(e):"@media (min-width:".concat("number"===typeof n[e]?n[e]:e).concat(i,") and ")+"(max-width:".concat((-1!==r&&"number"===typeof n[c[r+1]]?n[c[r+1]]:t)-s/100).concat(i,")")}return Object(a.a)({keys:c,values:n,up:d,down:function(e){var t=c.indexOf(e)+1,r=n[c[t]];return t===c.length?d("xs"):"@media (max-width:".concat(("number"===typeof r&&t>0?r:e)-s/100).concat(i,")")},between:f,only:function(e){return f(e,e)},width:function(e){return n[e]}},u)}function s(e,t,n){var o;return Object(a.a)({gutters:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return console.warn(["Material-UI: theme.mixins.gutters() is deprecated.","You can use the source of the mixin directly:","\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n [theme.breakpoints.up('sm')]: {\n paddingLeft: theme.spacing(3),\n paddingRight: theme.spacing(3),\n },\n "].join("\n")),Object(a.a)({paddingLeft:t(2),paddingRight:t(2)},n,Object(r.a)({},e.up("sm"),Object(a.a)({paddingLeft:t(3),paddingRight:t(3)},n[e.up("sm")])))},toolbar:(o={minHeight:56},Object(r.a)(o,"".concat(e.up("xs")," and (orientation: landscape)"),{minHeight:48}),Object(r.a)(o,e.up("sm"),{minHeight:64}),o)},n)}var u=n(152),d={black:"#000",white:"#fff"},f={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#d5d5d5",A200:"#aaaaaa",A400:"#303030",A700:"#616161"},p={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe"},h={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162"},v={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},m={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},b={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},y={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},g=n(40),O={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",hint:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:d.white,default:f[50]},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},w={text:{primary:d.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",hint:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:f[800],default:"#303030"},action:{active:d.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function j(e,t,n,r){var o=r.light||r,i=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=Object(g.d)(e.main,o):"dark"===t&&(e.dark=Object(g.b)(e.main,i)))}function x(e){var t=e.primary,n=void 0===t?{light:p[300],main:p[500],dark:p[700]}:t,r=e.secondary,c=void 0===r?{light:h.A200,main:h.A400,dark:h.A700}:r,l=e.error,s=void 0===l?{light:v[300],main:v[500],dark:v[700]}:l,x=e.warning,S=void 0===x?{light:m[300],main:m[500],dark:m[700]}:x,k=e.info,E=void 0===k?{light:b[300],main:b[500],dark:b[700]}:k,C=e.success,P=void 0===C?{light:y[300],main:y[500],dark:y[700]}:C,T=e.type,R=void 0===T?"light":T,M=e.contrastThreshold,z=void 0===M?3:M,_=e.tonalOffset,L=void 0===_?.2:_,A=Object(o.a)(e,["primary","secondary","error","warning","info","success","type","contrastThreshold","tonalOffset"]);function N(e){return Object(g.c)(e,w.text.primary)>=z?w.text.primary:O.text.primary}var I=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:700;if(!(e=Object(a.a)({},e)).main&&e[t]&&(e.main=e[t]),!e.main)throw new Error(Object(u.a)(4,t));if("string"!==typeof e.main)throw new Error(Object(u.a)(5,JSON.stringify(e.main)));return j(e,"light",n,L),j(e,"dark",r,L),e.contrastText||(e.contrastText=N(e.main)),e},F={dark:w,light:O};return Object(i.a)(Object(a.a)({common:d,type:R,primary:I(n),secondary:I(c,"A400","A200","A700"),error:I(s),warning:I(S),info:I(E),success:I(P),grey:f,contrastThreshold:z,getContrastText:N,augmentColor:I,tonalOffset:L},F[R]),A)}function S(e){return Math.round(1e5*e)/1e5}function k(e){return S(e)}var E={textTransform:"uppercase"},C='"Roboto", "Helvetica", "Arial", sans-serif';function P(e,t){var n="function"===typeof t?t(e):t,r=n.fontFamily,c=void 0===r?C:r,l=n.fontSize,s=void 0===l?14:l,u=n.fontWeightLight,d=void 0===u?300:u,f=n.fontWeightRegular,p=void 0===f?400:f,h=n.fontWeightMedium,v=void 0===h?500:h,m=n.fontWeightBold,b=void 0===m?700:m,y=n.htmlFontSize,g=void 0===y?16:y,O=n.allVariants,w=n.pxToRem,j=Object(o.a)(n,["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"]);var x=s/14,P=w||function(e){return"".concat(e/g*x,"rem")},T=function(e,t,n,r,o){return Object(a.a)({fontFamily:c,fontWeight:e,fontSize:P(t),lineHeight:n},c===C?{letterSpacing:"".concat(S(r/t),"em")}:{},o,O)},R={h1:T(d,96,1.167,-1.5),h2:T(d,60,1.2,-.5),h3:T(p,48,1.167,0),h4:T(p,34,1.235,.25),h5:T(p,24,1.334,0),h6:T(v,20,1.6,.15),subtitle1:T(p,16,1.75,.15),subtitle2:T(v,14,1.57,.1),body1:T(p,16,1.5,.15),body2:T(p,14,1.43,.15),button:T(v,14,1.75,.4,E),caption:T(p,12,1.66,.4),overline:T(p,12,2.66,1,E)};return Object(i.a)(Object(a.a)({htmlFontSize:g,pxToRem:P,round:k,fontFamily:c,fontSize:s,fontWeightLight:d,fontWeightRegular:p,fontWeightMedium:v,fontWeightBold:b},R),j,{clone:!1})}function T(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}var R=["none",T(0,2,1,-1,0,1,1,0,0,1,3,0),T(0,3,1,-2,0,2,2,0,0,1,5,0),T(0,3,3,-2,0,3,4,0,0,1,8,0),T(0,2,4,-1,0,4,5,0,0,1,10,0),T(0,3,5,-1,0,5,8,0,0,1,14,0),T(0,3,5,-1,0,6,10,0,0,1,18,0),T(0,4,5,-2,0,7,10,1,0,2,16,1),T(0,5,5,-3,0,8,10,1,0,3,14,2),T(0,5,6,-3,0,9,12,1,0,3,16,2),T(0,6,6,-3,0,10,14,1,0,4,18,3),T(0,6,7,-4,0,11,15,1,0,4,20,3),T(0,7,8,-4,0,12,17,2,0,5,22,4),T(0,7,8,-4,0,13,19,2,0,5,24,4),T(0,7,9,-4,0,14,21,2,0,5,26,4),T(0,8,9,-5,0,15,22,2,0,6,28,5),T(0,8,10,-5,0,16,24,2,0,6,30,5),T(0,8,11,-5,0,17,26,2,0,6,32,5),T(0,9,11,-5,0,18,28,2,0,7,34,6),T(0,9,12,-6,0,19,29,2,0,7,36,6),T(0,10,13,-6,0,20,31,3,0,8,38,7),T(0,10,13,-6,0,21,33,3,0,8,40,7),T(0,10,14,-6,0,22,35,3,0,8,42,7),T(0,11,14,-7,0,23,36,3,0,9,44,8),T(0,11,15,-7,0,24,38,3,0,9,46,8)],M={borderRadius:4},z=n(11),_=(n(16),n(56));var L=function(e,t){return t?Object(i.a)(e,t,{clone:!1}):e},A={xs:0,sm:600,md:960,lg:1280,xl:1920},N={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(A[e],"px)")}};var I={m:"margin",p:"padding"},F={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},D={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},B=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){if(e.length>2){if(!D[e])return[e];e=D[e]}var t=e.split(""),n=Object(z.a)(t,2),r=n[0],o=n[1],i=I[r],a=F[o]||"";return Array.isArray(a)?a.map((function(e){return i+e})):[i+a]})),W=["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY"];function H(e){var t=e.spacing||8;return"number"===typeof t?function(e){return t*e}:Array.isArray(t)?function(e){return t[e]}:"function"===typeof t?t:function(){}}function V(e,t){return function(n){return e.reduce((function(e,r){return e[r]=function(e,t){if("string"===typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"===typeof n?-n:"-".concat(n)}(t,n),e}),{})}}function U(e){var t=H(e.theme);return Object.keys(e).map((function(n){if(-1===W.indexOf(n))return null;var r=V(B(n),t),o=e[n];return function(e,t,n){if(Array.isArray(t)){var r=e.theme.breakpoints||N;return t.reduce((function(e,o,i){return e[r.up(r.keys[i])]=n(t[i]),e}),{})}if("object"===Object(_.a)(t)){var o=e.theme.breakpoints||N;return Object.keys(t).reduce((function(e,r){return e[o.up(r)]=n(t[r]),e}),{})}return n(t)}(e,o,r)})).reduce(L,{})}U.propTypes={},U.filterProps=W;function q(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=H({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,r=e.mixins,a=void 0===r?{}:r,c=e.palette,u=void 0===c?{}:c,d=e.spacing,f=e.typography,p=void 0===f?{}:f,h=Object(o.a)(e,["breakpoints","mixins","palette","spacing","typography"]),v=x(u),m=l(n),b=q(d),y=Object(i.a)({breakpoints:m,direction:"ltr",mixins:s(m,b,a),overrides:{},palette:v,props:{},shadows:R,typography:P(v,p),spacing:b,shape:M,transitions:$.a,zIndex:K.a},h),g=arguments.length,O=new Array(g>1?g-1:0),w=1;w96?f:p},v=function(e,t,n){var r;if(t){var o=t.shouldForwardProp;r=e.__emotion_forwardProp&&o?function(t){return e.__emotion_forwardProp(t)&&o(t)}:o}return"function"!==typeof r&&n&&(r=e.__emotion_forwardProp),r},m=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;Object(s.c)(t,n,r);Object(d.a)((function(){return Object(s.b)(t,n,r)}));return null},b=function e(t,n){var o,i,a=t.__emotion_real===t,d=a&&t.__emotion_base||t;void 0!==n&&(o=n.label,i=n.target);var f=v(t,n,a),p=f||h(d),b=!p("as");return function(){var y=arguments,g=a&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==o&&g.push("label:"+o+";"),null==y[0]||void 0===y[0].raw)g.push.apply(g,y);else{0,g.push(y[0][0]);for(var O=y.length,w=1;w0?1:0):0};t.lazySlidesOnLeft=p;var h=function(e){return e.centerMode?Math.floor((e.slidesToShow-1)/2)+1+(parseInt(e.centerPadding)>0?1:0):e.slidesToShow};t.lazySlidesOnRight=h;var v=function(e){return e&&e.offsetWidth||0};t.getWidth=v;var m=function(e){return e&&e.offsetHeight||0};t.getHeight=m;var b=function(e){var t,n,r,o,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),(o=Math.round(180*r/Math.PI))<0&&(o=360-Math.abs(o)),o<=45&&o>=0||o<=360&&o>=315?"left":o>=135&&o<=225?"right":!0===i?o>=35&&o<=135?"up":"down":"vertical"};t.getSwipeDirection=b;var y=function(e){var t=!0;return e.infinite||(e.centerMode&&e.currentSlide>=e.slideCount-1||e.slideCount<=e.slidesToShow||e.currentSlide>=e.slideCount-e.slidesToShow)&&(t=!1),t};t.canGoNext=y;t.extractObject=function(e,t){var n={};return t.forEach((function(t){return n[t]=e[t]})),n};t.initializedState=function(e){var t,n=o.default.Children.count(e.children),r=e.listRef,i=Math.ceil(v(r)),c=e.trackRef&&e.trackRef.node,l=Math.ceil(v(c));if(e.vertical)t=i;else{var s=e.centerMode&&2*parseInt(e.centerPadding);"string"===typeof e.centerPadding&&"%"===e.centerPadding.slice(-1)&&(s*=i/100),t=Math.ceil((i-s)/e.slidesToShow)}var d=r&&m(r.querySelector('[data-index="0"]')),f=d*e.slidesToShow,p=void 0===e.currentSlide?e.initialSlide:e.currentSlide;e.rtl&&void 0===e.currentSlide&&(p=n-1-e.initialSlide);var h=e.lazyLoadedList||[],b=u(a(a({},e),{},{currentSlide:p,lazyLoadedList:h})),y={slideCount:n,slideWidth:t,listWidth:i,trackWidth:l,currentSlide:p,slideHeight:d,listHeight:f,lazyLoadedList:h=h.concat(b)};return null===e.autoplaying&&e.autoplay&&(y.autoplaying="playing"),y};t.slideHandler=function(e){var t=e.waitForAnimate,n=e.animating,r=e.fade,o=e.infinite,i=e.index,c=e.slideCount,s=e.lazyLoad,d=e.currentSlide,f=e.centerMode,p=e.slidesToScroll,h=e.slidesToShow,v=e.useCSS,m=e.lazyLoadedList;if(t&&n)return{};var b,g,O,w=i,j={},E={},C=o?i:l(i,0,c-1);if(r){if(!o&&(i<0||i>=c))return{};i<0?w=i+c:i>=c&&(w=i-c),s&&m.indexOf(w)<0&&(m=m.concat(w)),j={animating:!0,currentSlide:w,lazyLoadedList:m,targetSlide:w},E={animating:!1,targetSlide:w}}else b=w,w<0?(b=w+c,o?c%p!==0&&(b=c-c%p):b=0):!y(e)&&w>d?w=b=d:f&&w>=c?(w=o?c:c-1,b=o?0:c-1):w>=c&&(b=w-c,o?c%p!==0&&(b=0):b=c-h),!o&&w+h>=c&&(b=c-h),g=k(a(a({},e),{},{slideIndex:w})),O=k(a(a({},e),{},{slideIndex:b})),o||(g===O&&(w=b),g=O),s&&(m=m.concat(u(a(a({},e),{},{currentSlide:w})))),v?(j={animating:!0,currentSlide:b,trackStyle:S(a(a({},e),{},{left:g})),lazyLoadedList:m,targetSlide:C},E={animating:!1,currentSlide:b,trackStyle:x(a(a({},e),{},{left:O})),swipeLeft:null,targetSlide:C}):j={currentSlide:b,trackStyle:x(a(a({},e),{},{left:O})),lazyLoadedList:m,targetSlide:C};return{state:j,nextState:E}};t.changeSlide=function(e,t){var n,r,o,i,c=e.slidesToScroll,l=e.slidesToShow,s=e.slideCount,u=e.currentSlide,d=e.targetSlide,f=e.lazyLoad,p=e.infinite;if(n=s%c!==0?0:(s-u)%c,"previous"===t.message)i=u-(o=0===n?c:l-n),f&&!p&&(i=-1===(r=u-o)?s-1:r),p||(i=d-c);else if("next"===t.message)i=u+(o=0===n?c:n),f&&!p&&(i=(u+c)%s+n),p||(i=d+c);else if("dots"===t.message)i=t.index*t.slidesToScroll;else if("children"===t.message){if(i=t.index,p){var h=T(a(a({},e),{},{targetSlide:i}));i>t.currentSlide&&"left"===h?i-=s:i10)return{scrolling:!0};c&&(w.swipeLength=R);var M=(l?-1:1)*(w.curX>w.startX?1:-1);c&&(M=w.curY>w.startY?1:-1);var z=Math.ceil(m/g),_=b(t.touchObject,c),L=w.swipeLength;return O||(0===u&&("right"===_||"down"===_)||u+1>=z&&("left"===_||"up"===_)||!y(t)&&("left"===_||"up"===_))&&(L=w.swipeLength*d,!1===f&&p&&(p(_),P.edgeDragged=!0)),!h&&j&&(j(_),P.swiped=!0),C=o?T+L*(S/E)*M:l?T-L*M:T+L*M,c&&(C=T+L*M),P=a(a({},P),{},{touchObject:w,swipeLeft:C,trackStyle:x(a(a({},t),{},{left:C}))}),Math.abs(w.curX-w.startX)<.8*Math.abs(w.curY-w.startY)?P:(w.swipeLength>10&&(P.swiping=!0,s(e)),P)}};t.swipeEnd=function(e,t){var n=t.dragging,r=t.swipe,o=t.touchObject,i=t.listWidth,c=t.touchThreshold,l=t.verticalSwiping,u=t.listHeight,d=t.swipeToSlide,f=t.scrolling,p=t.onSwipe,h=t.targetSlide,v=t.currentSlide,m=t.infinite;if(!n)return r&&s(e),{};var y=l?u/c:i/c,g=b(o,l),j={dragging:!1,edgeDragged:!1,scrolling:!1,swiping:!1,swiped:!1,swipeLeft:null,touchObject:{}};if(f)return j;if(!o.swipeLength)return j;if(o.swipeLength>y){var x,E;s(e),p&&p(g);var C=m?v:h;switch(g){case"left":case"up":E=C+w(t),x=d?O(t,E):E,j.currentDirection=0;break;case"right":case"down":E=C-w(t),x=d?O(t,E):E,j.currentDirection=1;break;default:x=C}j.triggerSlideHandler=x}else{var P=k(t);j.trackStyle=S(a(a({},t),{},{left:P}))}return j};var g=function(e){for(var t=e.infinite?2*e.slideCount:e.slideCount,n=e.infinite?-1*e.slidesToShow:0,r=e.infinite?-1*e.slidesToShow:0,o=[];nn[n.length-1])t=n[n.length-1];else for(var o in n){if(t-1*e.swipeLeft)return n=r,!1}else if(r.offsetLeft-t+v(r)/2>-1*e.swipeLeft)return n=r,!1;return!0})),!n)return 0;var i=!0===e.rtl?e.slideCount-e.currentSlide:e.currentSlide;return Math.abs(n.dataset.index-i)||1}return e.slidesToScroll};t.getSlideCount=w;var j=function(e,t){return t.reduce((function(t,n){return t&&e.hasOwnProperty(n)}),!0)?null:console.error("Keys Missing:",e)};t.checkSpecKeys=j;var x=function(e){var t,n;j(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var r=e.slideCount+2*e.slidesToShow;e.vertical?n=r*e.slideHeight:t=P(e)*e.slideWidth;var o={opacity:1,transition:"",WebkitTransition:""};if(e.useTransform){var i=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",c=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",l=e.vertical?"translateY("+e.left+"px)":"translateX("+e.left+"px)";o=a(a({},o),{},{WebkitTransform:i,transform:c,msTransform:l})}else e.vertical?o.top=e.left:o.left=e.left;return e.fade&&(o={opacity:1}),t&&(o.width=t),n&&(o.height=n),window&&!window.addEventListener&&window.attachEvent&&(e.vertical?o.marginTop=e.left+"px":o.marginLeft=e.left+"px"),o};t.getTrackCSS=x;var S=function(e){j(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=x(e);return e.useTransform?(t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase):e.vertical?t.transition="top "+e.speed+"ms "+e.cssEase:t.transition="left "+e.speed+"ms "+e.cssEase,t};t.getTrackAnimateCSS=S;var k=function(e){if(e.unslick)return 0;j(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var t,n,r=e.slideIndex,o=e.trackRef,i=e.infinite,a=e.centerMode,c=e.slideCount,l=e.slidesToShow,s=e.slidesToScroll,u=e.slideWidth,d=e.listWidth,f=e.variableWidth,p=e.slideHeight,h=e.fade,v=e.vertical;if(h||1===e.slideCount)return 0;var m=0;if(i?(m=-E(e),c%s!==0&&r+s>c&&(m=-(r>c?l-(r-c):c%s)),a&&(m+=parseInt(l/2))):(c%s!==0&&r+s>c&&(m=l-c%s),a&&(m=parseInt(l/2))),t=v?r*p*-1+m*p:r*u*-1+m*u,!0===f){var b,y=o&&o.node;if(b=r+E(e),t=(n=y&&y.childNodes[b])?-1*n.offsetLeft:0,!0===a){b=i?r+E(e):r,n=y&&y.children[b],t=0;for(var g=0;ge.currentSlide?e.targetSlide>e.currentSlide+R(e)?"left":"right":e.targetSlide0&&(i+=1),r&&t%2===0&&(i+=1),i}return r?0:t-1};t.slidesOnRight=R;var M=function(e){var t=e.slidesToShow,n=e.centerMode,r=e.rtl,o=e.centerPadding;if(n){var i=(t-1)/2+1;return parseInt(o)>0&&(i+=1),r||t%2!==0||(i+=1),i}return r?t-1:0};t.slidesOnLeft=M;t.canUseDOM=function(){return!("undefined"===typeof window||!window.document||!window.document.createElement)}},function(e,t,n){"use strict";var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,t){for(var n,c,l=a(e),s=1;se.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n provider."));return e},R=t.createContext(null);R.displayName="CartElementContext";var M=function(e,t){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t," in an provider."));return e},z=function(e){var n=e.stripe,r=e.options,o=e.children,i=t.useMemo((function(){return C(n)}),[n]),a=f(t.useState(null),2),c=a[0],l=a[1],s=f(t.useState(null),2),u=s[0],d=s[1],p=f(t.useState((function(){return{stripe:"sync"===i.tag?i.stripe:null,elements:"sync"===i.tag?i.stripe.elements(r):null}})),2),h=p[0],v=p[1];t.useEffect((function(){var e=!0,t=function(e){v((function(t){return t.stripe?t:{stripe:e,elements:e.elements(r)}}))};return"async"!==i.tag||h.stripe?"sync"!==i.tag||h.stripe||t(i.stripe):i.stripePromise.then((function(n){n&&e&&t(n)})),function(){e=!1}}),[i,h,r]);var m=y(n);t.useEffect((function(){null!==m&&m!==n&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")}),[m,n]);var b=y(r);return t.useEffect((function(){if(h.elements){var e=S(r,b,["clientSecret","fonts"]);e&&h.elements.update(e)}}),[r,b,h.elements]),t.useEffect((function(){var e=h.stripe;e&&e._registerWrapper&&e.registerAppInfo&&(e._registerWrapper({name:"react-stripe-js",version:"1.15.0"}),e.registerAppInfo({name:"react-stripe-js",version:"1.15.0",url:"https://stripe.com/docs/stripe-js/react"}))}),[h.stripe]),t.createElement(P.Provider,{value:h},t.createElement(R.Provider,{value:{cart:c,setCart:l,cartState:u,setCartState:d}},o))};z.propTypes={stripe:c.any,options:c.object};var _=function(e){var n=t.useContext(P);return T(n,e)},L=function(e){var n=t.useContext(R);return M(n,e)},A=function(){return _("calls useElements()").elements},N=function(){return _("calls useStripe()").stripe},I=function(){return L("calls useCartElement()").cart},F=function(){return L("calls useCartElementState()").cartState},D=function(e){return(0,e.children)(_("mounts "))};D.propTypes={children:c.func.isRequired};var B=function(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e}),[e]),function(){n.current&&n.current.apply(n,arguments)}},W=function(){},H=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},V=function(e,n){var r="".concat(H(e),"Element"),o=n?function(e){_("mounts <".concat(r,">")),L("mounts <".concat(r,">"));var n=e.id,o=e.className;return t.createElement("div",{id:n,className:o})}:function(n){var o=n.id,i=n.className,a=n.options,c=void 0===a?{}:a,l=n.onBlur,s=void 0===l?W:l,u=n.onFocus,d=void 0===u?W:u,f=n.onReady,p=void 0===f?W:f,h=n.onChange,v=void 0===h?W:h,m=n.onEscape,b=void 0===m?W:m,g=n.onClick,O=void 0===g?W:g,w=n.onLoadError,j=void 0===w?W:w,x=n.onLoaderStart,k=void 0===x?W:x,E=n.onNetworksChange,C=void 0===E?W:E,P=n.onCheckout,T=void 0===P?W:P,R=n.onLineItemClick,M=void 0===R?W:R,z=n.onConfirm,A=void 0===z?W:z,N=n.onCancel,I=void 0===N?W:N,F=n.onShippingAddressChange,D=void 0===F?W:F,H=n.onShippingRateChange,V=void 0===H?W:H,U=_("mounts <".concat(r,">")).elements,q=t.useRef(null),$=t.useRef(null),K=L("mounts <".concat(r,">")),Y=K.setCart,G=K.setCartState,X=B(p),Q=B(s),J=B(d),Z=B(O),ee=B(v),te=B(b),ne=B(j),re=B(k),oe=B(C),ie=B(T),ae=B(M),ce=B(A),le=B(I),se=B(D),ue=B(V);t.useLayoutEffect((function(){if(null==q.current&&U&&null!=$.current){var t=U.create(e,c);"cart"===e&&Y&&Y(t),q.current=t,t.mount($.current),t.on("ready",(function(n){"cart"===e?(G&&G(n),X(n)):X("payButton"===e?n:t)})),t.on("change",(function(t){"cart"===e&&G&&G(t),ee(t)})),t.on("blur",Q),t.on("focus",J),t.on("escape",te),t.on("loaderror",ne),t.on("loaderstart",re),t.on("networkschange",oe),t.on("click",Z),t.on("checkout",(function(t){"cart"===e&&G&&G(t),ie(t)})),t.on("lineitemclick",ae),t.on("confirm",ce),t.on("cancel",le),t.on("shippingaddresschange",se),t.on("shippingratechange",ue)}}));var de=y(c);return t.useEffect((function(){if(q.current){var e=S(c,de,["paymentRequest"]);e&&q.current.update(e)}}),[c,de]),t.useLayoutEffect((function(){return function(){q.current&&(q.current.destroy(),q.current=null)}}),[]),t.createElement("div",{id:o,className:i,ref:$})};return o.propTypes={id:c.string,className:c.string,onChange:c.func,onBlur:c.func,onFocus:c.func,onReady:c.func,onEscape:c.func,onClick:c.func,onLoadError:c.func,onLoaderStart:c.func,onNetworksChange:c.func,onCheckout:c.func,onLineItemClick:c.func,onConfirm:c.func,onCancel:c.func,onShippingAddressChange:c.func,onShippingRateChange:c.func,options:c.object},o.displayName=r,o.__elementType=e,o},U="undefined"===typeof window,q=V("auBankAccount",U),$=V("card",U),K=V("cardNumber",U),Y=V("cardExpiry",U),G=V("cardCvc",U),X=V("fpxBank",U),Q=V("iban",U),J=V("idealBank",U),Z=V("p24Bank",U),ee=V("epsBank",U),te=V("payment",U),ne=V("payButton",U),re=V("paymentRequestButton",U),oe=V("linkAuthentication",U),ie=V("address",U),ae=V("shippingAddress",U),ce=V("cart",U),le=V("paymentMethodMessaging",U),se=V("affirmMessage",U),ue=V("afterpayClearpayMessage",U);e.AddressElement=ie,e.AffirmMessageElement=se,e.AfterpayClearpayMessageElement=ue,e.AuBankAccountElement=q,e.CardCvcElement=G,e.CardElement=$,e.CardExpiryElement=Y,e.CardNumberElement=K,e.CartElement=ce,e.Elements=z,e.ElementsConsumer=D,e.EpsBankElement=ee,e.FpxBankElement=X,e.IbanElement=Q,e.IdealBankElement=J,e.LinkAuthenticationElement=oe,e.P24BankElement=Z,e.PayButtonElement=ne,e.PaymentElement=te,e.PaymentMethodMessagingElement=le,e.PaymentRequestButtonElement=re,e.ShippingAddressElement=ae,e.useCartElement=I,e.useCartElementState=F,e.useElements=A,e.useStripe=N,Object.defineProperty(e,"__esModule",{value:!0})}(t,n(2))},function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return i}));var r=n(0);function o(e){return Object(r.a)({tag:"svg",attr:{version:"1.1",id:"Layer_1",x:"0px",y:"0px",viewBox:"0 0 30 30",style:"enable-background:new 0 0 30 30;"},child:[{tag:"path",attr:{d:"M7.09,19.39c0-0.13,0-0.23,0.01-0.29v-0.08c0-0.02,0-0.04,0-0.06c0-0.02,0-0.03,0-0.05s0-0.03,0-0.05c0-0.02,0-0.03,0-0.04\n\tv-0.02c0-0.03,0.01-0.07,0.02-0.12c0.01-0.05,0.02-0.08,0.02-0.09v-0.03c0-0.01,0-0.03,0-0.05c0-0.02,0-0.03,0-0.04l0.08-0.37\n\tc0-0.01,0-0.01,0.01-0.02v-0.02l0.04-0.14c0.01-0.01,0.01-0.01,0.01-0.02c0.01-0.01,0.01-0.02,0.01-0.03v-0.03\n\tc0.04-0.12,0.07-0.22,0.1-0.28c0-0.01,0.01-0.02,0.02-0.03c0.01-0.01,0.02-0.06,0.05-0.15c0.17-0.38,0.38-0.74,0.63-1.08l0.06-0.07\n\tc0.01-0.01,0.02-0.02,0.03-0.04c0.01-0.02,0.02-0.03,0.03-0.04c0.01-0.01,0.03-0.03,0.07-0.06c0.01-0.02,0.02-0.04,0.04-0.06\n\tc0.02-0.02,0.03-0.04,0.04-0.06c0.04-0.02,0.06-0.05,0.07-0.07c0.01-0.01,0.03-0.02,0.07-0.06l0.07-0.07l7.6-8.33l-0.38,2.2\n\tl6.82-7.29l-4.18,8.14l4.18-3.16l-3.79,7.6l2.71-1.87l-4.68,8.33c0,0.01-0.01,0.02-0.02,0.04s-0.02,0.04-0.03,0.05\n\tc-0.01,0.01-0.01,0.02-0.02,0.04c-0.01,0.02-0.01,0.03-0.02,0.05c-0.01,0.01-0.01,0.02-0.02,0.05c-0.01,0.02-0.02,0.04-0.02,0.05\n\tc-0.43,0.84-1.05,1.51-1.86,2.02c-0.81,0.51-1.7,0.76-2.67,0.76c-0.92,0-1.77-0.23-2.55-0.68c-0.78-0.46-1.4-1.07-1.86-1.86\n\tS7.09,20.31,7.09,19.39z M8.29,19.39c0,1.08,0.38,1.99,1.14,2.75c0.76,0.76,1.68,1.14,2.75,1.14c0.82,0,1.56-0.24,2.22-0.71\n\tc0.66-0.47,1.13-1.09,1.41-1.84c0.17-0.43,0.25-0.87,0.25-1.34c0-1.07-0.38-1.99-1.13-2.75c-0.76-0.76-1.67-1.13-2.75-1.13\n\tc-1,0-1.87,0.33-2.6,1c-0.41,0.36-0.72,0.78-0.95,1.28C8.4,18.3,8.29,18.83,8.29,19.39z"}}]})(e)}function i(e){return Object(r.a)({tag:"svg",attr:{version:"1.1",id:"Layer_1",x:"0px",y:"0px",viewBox:"0 0 30 30",style:"enable-background:new 0 0 30 30;"},child:[{tag:"path",attr:{d:"M5.37,16.18c0.65-0.03,1.2-0.28,1.65-0.75c0.45-0.47,0.68-1.03,0.68-1.68c0,0.65,0.22,1.21,0.67,1.68\n\tc0.45,0.47,1,0.72,1.65,0.75c-0.65,0.03-1.2,0.28-1.65,0.75c-0.45,0.47-0.67,1.03-0.67,1.68c0-0.65-0.22-1.21-0.68-1.68\n\tC6.57,16.46,6.02,16.21,5.37,16.18z M7.7,8.98c1.26-0.06,2.33-0.55,3.21-1.47c0.88-0.92,1.32-2.01,1.32-3.28\n\tc0,1.27,0.44,2.36,1.32,3.28s1.95,1.4,3.22,1.47c-0.83,0.04-1.59,0.27-2.29,0.71c-0.69,0.43-1.24,1.01-1.65,1.73\n\tc-0.4,0.72-0.6,1.49-0.6,2.33c0-1.27-0.44-2.37-1.32-3.29C10.03,9.53,8.96,9.04,7.7,8.98z M11.02,19.75\n\tc0.95-0.04,1.76-0.41,2.42-1.1c0.66-0.69,0.99-1.51,0.99-2.47c0,0.96,0.33,1.78,0.99,2.47c0.66,0.69,1.46,1.06,2.41,1.1\n\tc-0.95,0.04-1.75,0.41-2.41,1.1c-0.66,0.69-0.99,1.51-0.99,2.47c0-0.96-0.33-1.78-0.99-2.47C12.77,20.16,11.97,19.8,11.02,19.75z\n\t M17.83,15.01c0.95-0.04,1.75-0.41,2.41-1.1c0.66-0.69,0.98-1.51,0.98-2.48c0,0.96,0.33,1.78,0.99,2.47s1.47,1.06,2.42,1.1\n\tc-0.95,0.04-1.76,0.41-2.42,1.1c-0.66,0.69-0.99,1.51-0.99,2.47c0-0.96-0.33-1.78-0.98-2.47C19.58,15.42,18.78,15.05,17.83,15.01z"}}]})(e)}},function(e,t,n){"use strict";n.d(t,"b",(function(){return j})),n.d(t,"a",(function(){return S}));var r=n(16),o=n(11),i=n(5),a=n(3),c=n(76),l=n(307),s=n(153),u=["variant"];function d(e){return 0===e.length}function f(e){var t=e.variant,n=Object(i.a)(e,u),r=t||"";return Object.keys(n).sort().forEach((function(t){r+="color"===t?d(r)?e[t]:Object(s.a)(e[t]):"".concat(d(r)?t:Object(s.a)(t)).concat(Object(s.a)(e[t].toString()))})),r}var p=n(294),h=["name","slot","skipVariantsResolver","skipSx","overridesResolver"],v=["theme"],m=["theme"];function b(e){return 0===Object.keys(e).length}function y(e){return"string"===typeof e&&e.charCodeAt(0)>96}var g=function(e,t){return t.components&&t.components[e]&&t.components[e].styleOverrides?t.components[e].styleOverrides:null},O=function(e,t){var n=[];t&&t.components&&t.components[e]&&t.components[e].variants&&(n=t.components[e].variants);var r={};return n.forEach((function(e){var t=f(e.props);r[t]=e.style})),r},w=function(e,t,n,r){var o,i,a=e.ownerState,c=void 0===a?{}:a,l=[],s=null==n||null==(o=n.components)||null==(i=o[r])?void 0:i.variants;return s&&s.forEach((function(n){var r=!0;Object.keys(n.props).forEach((function(t){c[t]!==n.props[t]&&e[t]!==n.props[t]&&(r=!1)})),r&&l.push(t[f(n.props)])})),l};function j(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}var x=Object(l.a)();function S(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.defaultTheme,n=void 0===t?x:t,l=e.rootShouldForwardProp,s=void 0===l?j:l,u=e.slotShouldForwardProp,d=void 0===u?j:u,f=e.styleFunctionSx,S=void 0===f?p.a:f,k=function(e){var t=b(e.theme)?n:e.theme;return S(Object(a.a)({},e,{theme:t}))};return k.__mui_systemSx=!0,function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object(c.b)(e,(function(e){return e.filter((function(e){return!(null!=e&&e.__mui_systemSx)}))}));var l,u=t.name,f=t.slot,p=t.skipVariantsResolver,x=t.skipSx,S=t.overridesResolver,E=Object(i.a)(t,h),C=void 0!==p?p:f&&"Root"!==f||!1,P=x||!1;var T=j;"Root"===f?T=s:f?T=d:y(e)&&(T=void 0);var R=Object(c.a)(e,Object(a.a)({shouldForwardProp:T,label:l},E)),M=function(e){for(var t=arguments.length,c=new Array(t>1?t-1:0),l=1;l0){var p=new Array(f).fill("");(d=[].concat(Object(r.a)(e),Object(r.a)(p))).raw=[].concat(Object(r.a)(e.raw),Object(r.a)(p))}else"function"===typeof e&&e.__emotion_real!==e&&(d=function(t){var r=t.theme,o=Object(i.a)(t,m);return e(Object(a.a)({theme:b(r)?n:r},o))});var h=R.apply(void 0,[d].concat(Object(r.a)(s)));return h};return R.withConfig&&(M.withConfig=R.withConfig),M}}},,,function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(r){"object"===typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function r(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=arguments.length,o=new Array(r),i=0;i=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:P(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),p}},e}var l=n(17);function s(e,t,n,r,o,i,a){try{var c=e[i](a),l=c.value}catch(s){return void n(s)}c.done?t(l):Promise.resolve(l).then(r,o)}function u(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){s(i,r,o,a,c,"next",e)}function c(e){s(i,r,o,a,c,"throw",e)}a(void 0)}))}}var d,f,p=n(4),h=n(125),v=n(2),m=n.n(v),b=n(147),y=n(94),g=Object.create,O=Object.defineProperty,w=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyNames,x=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,k=function(e,t,n){return n=null!=e?g(x(e)):{},function(e,t,n,r){if(t&&"object"==typeof t||"function"==typeof t){var o,i=Object(h.a)(j(t));try{var a=function(){var i=o.value;!S.call(e,i)&&i!==n&&O(e,i,{get:function(){return t[i]},enumerable:!(r=w(t,i))||r.enumerable})};for(i.s();!(o=i.n()).done;)a()}catch(c){i.e(c)}finally{i.f()}}return e}(!t&&e&&e.__esModule?n:O(n,"default",{value:e,enumerable:!0}),e)},E=(d=function(e,t){var n,r=Object.defineProperty,a=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,d=Object.prototype.hasOwnProperty,f={};!function(e,t){for(var n in t)r(e,n,{get:t[n],enumerable:!0})}(f,{Client:function(){return C},createClient:function(){return P},getDefaultClient:function(){return T},isFieldError:function(){return y}}),t.exports=(n=f,function(e,t,n,o){if(t&&"object"==typeof t||"function"==typeof t){var i,c=Object(h.a)(s(t));try{var l=function(){var c=i.value;!d.call(e,c)&&c!==n&&r(e,c,{get:function(){return t[c]},enumerable:!(o=a(t,c))||o.enumerable})};for(c.s();!(i=c.n()).done;)l()}catch(u){c.e(u)}finally{c.f()}}return e}(r({},"__esModule",{value:!0}),n));var v="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",m=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,b=function(e){return e.REQUIRED_FIELD_MISSING="REQUIRED_FIELD_MISSING",e.REQUIRED_FIELD_EMPTY="REQUIRED_FIELD_EMPTY",e.TYPE_EMAIL="TYPE_EMAIL",e.TYPE_NUMERIC="TYPE_NUMERIC",e.TYPE_TEXT="TYPE_TEXT",e}(b||{});function y(e){return e.code in b&&void 0!==e.field}var g=function(e){return function(e){for(var t,n,r,o,i="",a=0,c=(e=String(e)).length%3;a255||(r=e.charCodeAt(a++))>255||(o=e.charCodeAt(a++))>255)throw new TypeError("Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.");i+=v.charAt((t=n<<16|r<<8|o)>>18&63)+v.charAt(t>>12&63)+v.charAt(t>>6&63)+v.charAt(63&t)}return c?i.slice(0,c-3)+"===".substring(c):i}(JSON.stringify(e))},O=function(e){var t="@formspree/core@".concat("2.8.1");return e?"".concat(e," ").concat(t):t},w=function(e,t,n){e instanceof FormData?e.append(t,n):e=Object.assign(e,Object(p.a)({},t,n))},j=function(){var e=u(c().mark((function e(t){var n,r,o,i,a,s,u,d,f,p,h;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.stripePromise,r=t.response,o=t.responseData,i=t.payload,a=t.data,s=t.fetchImpl,u=t.request,d=t.url,e.next=3,n.handleCardAction(o.stripe.paymentIntentClientSecret);case 3:if(!(f=e.sent).error){e.next=6;break}return e.abrupt("return",{response:r,body:{errors:[{code:"STRIPE_CLIENT_ERROR",message:"Stripe SCA error",field:"paymentMethod"}]}});case 6:return i.paymentMethod.id||w(a,"paymentMethod",i.paymentMethod.id),w(a,"paymentIntent",f.paymentIntent.id),w(a,"resubmitKey",o.resubmitKey),e.next=9,s(d,Object(l.a)(Object(l.a)({},u),{},{body:JSON.stringify({paymentIntent:f.paymentIntent.id,resubmitKey:o.resubmitKey})}));case 9:return p=e.sent,e.next=12,p.json();case 12:return h=e.sent,e.abrupt("return",{response:p,body:h});case 14:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function x(e){var t=e.body,n=e.response;return!function(e){return void 0!==e.errors}(t)&&(null==t?void 0:t.error)&&(t={errors:[{message:t.error}]}),{body:t,response:n}}var S,k=function(){return navigator.webdriver||!!document.documentElement.getAttribute(function(e){if(e=String(e).replace(/[\t\n\f\r ]+/g,""),!m.test(e))throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");e+="==".slice(2-(3&e.length));for(var t,n,r,o="",i=0;i>16&255):64===r?String.fromCharCode(t>>16&255,t>>8&255):String.fromCharCode(t>>16&255,t>>8&255,255&t);return o}("d2ViZHJpdmVy"))||!!window.callPhantom||!!window._phantom},E=function(){function e(){Object(o.a)(this,e),this.loadedAt=1*new Date,this.webdriver=k()}return Object(i.a)(e,[{key:"teardown",value:function(){}},{key:"data",value:function(){return{loadedAt:this.loadedAt,webdriver:this.webdriver}}}]),e}(),C=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object(o.a)(this,e),this.project=t.project,this.stripePromise=t.stripePromise,typeof window<"u"&&this.startBrowserSession()}return Object(i.a)(e,[{key:"startBrowserSession",value:function(){this.session||(this.session=new E)}},{key:"teardown",value:function(){this.session&&this.session.teardown()}},{key:"submitForm",value:function(){var e=u(c().mark((function e(t,n){var r,o,i,a,s,u,d,f,p,h,v=arguments;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=v.length>2&&void 0!==v[2]?v[2]:{},o=r.endpoint||"https://formspree.io",i=r.fetchImpl||fetch,a=this.project?"".concat(o,"/p/").concat(this.project,"/f/").concat(t):"".concat(o,"/f/").concat(t),s=function(e){return e instanceof FormData?e:JSON.stringify(e)},u={Accept:"application/json","Formspree-Client":O(r.clientName)},this.session&&(u["Formspree-Session-Data"]=g(this.session.data())),n instanceof FormData||(u["Content-Type"]="application/json"),d={method:"POST",mode:"cors",body:s(n),headers:u},!this.stripePromise||!r.createPaymentMethod){e.next=27;break}return e.next=7,r.createPaymentMethod();case 7:if(!(f=e.sent).error){e.next=10;break}return e.abrupt("return",{response:null,body:{errors:[{code:"STRIPE_CLIENT_ERROR",message:"Error creating payment method",field:"paymentMethod"}]}});case 10:return w(n,"paymentMethod",f.paymentMethod.id),e.next=13,i(a,Object(l.a)(Object(l.a)({},d),{},{body:n}));case 13:return p=e.sent,e.next=16,p.json();case 16:if(!((h=e.sent)&&h.stripe&&h.stripe.requiresAction&&h.resubmitKey)){e.next=23;break}return e.next=20,j({stripePromise:this.stripePromise,responseData:h,response:p,payload:f,data:n,fetchImpl:i,request:d,url:a});case 20:e.t0=e.sent,e.next=24;break;case 23:e.t0=x({response:p,body:h});case 24:return e.abrupt("return",e.t0);case 27:return e.abrupt("return",i(a,d).then((function(e){return e.json().then((function(t){return x({body:t,response:e})}))})).catch());case 28:case"end":return e.stop()}}),e,this)})));return function(t,n){return e.apply(this,arguments)}}()}]),e}(),P=function(e){return new C(e)},T=function(){return S||(S=P()),S}},function(){return f||d((f={exports:{}}).exports,f),f.exports}),C=k(E()),P=Object(v.lazy)((function(){return Promise.resolve().then(n.t.bind(null,94,7)).then((function(e){return{default:e.Elements}}))})),T=m.a.createContext({client:void 0});T.displayName="Formspree";var R,M=function(e){return R||(R=Object(b.loadStripe)(e)),R},z=function(e,t){var n={};return e&&(n.stripePromise=e),t&&(n.project=t),(0,C.createClient)(n)},_=function(e){var t=Object(v.useState)(void 0),n=Object(r.a)(t,2),o=n[0],i=n[1],a=Object(v.useState)(z(o,e.project)),l=Object(r.a)(a,2),s=l[0],d=l[1];return Object(v.useEffect)((function(){return s.startBrowserSession(),function(){s.teardown()}}),[]),Object(v.useEffect)((function(){var t=function(){var t=u(c().mark((function t(){var n;return c().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,M(e.stripePK);case 2:n=t.sent,i(n);case 4:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();e.stripePK&&t()}),[e.stripePK]),Object(v.useEffect)((function(){o&&d(z(o,e.project))}),[o]),m.a.createElement(T.Provider,{value:{client:s}},e.stripePK?m.a.createElement(m.a.Fragment,null,o&&m.a.createElement(v.Suspense,{fallback:m.a.createElement("p",null,"....")},m.a.createElement(P,{stripe:o},m.a.createElement(m.a.Fragment,null,e.children)))):m.a.createElement(m.a.Fragment,null,e.children))};function L(){var e=Object(v.useContext)(T);return e.client?e:{client:(0,C.getDefaultClient)()}}var A="2.4.1",N=function(e){return void 0!==e.preventDefault},I=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=Object(v.useState)(null),a=Object(r.a)(i,2),s=a[0],d=a[1],f=Object(v.useState)(!1),h=Object(r.a)(f,2),m=h[0],b=h[1],g=Object(v.useState)(!1),O=Object(r.a)(g,2),w=O[0],j=O[1],x=Object(v.useState)([]),S=Object(r.a)(x,2),k=S[0],E=S[1],C=L(),P=o.client||C;if(!P)throw new Error("You must provide a Formspree client");if(!e)throw new Error('You must provide a form key or hashid (e.g. useForm("myForm") or useForm("123xyz")');C.client&&C.client.stripePromise&&(t=Object(y.useStripe)(),n=Object(y.useElements)());var T=!!o.debug,R=o.data;return[{result:s,submitting:m,succeeded:w,errors:k},function(){var r=u(c().mark((function r(i){var a,s,f,h,v,m;return c().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(a=function(){var e=u(c().mark((function e(t){var n;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.preventDefault(),"FORM"==(n=t.target).tagName){e.next=4;break}throw new Error("submit was triggered for a non-form element");case 4:return e.abrupt("return",new FormData(n));case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),!N(i)){r.next=7;break}return r.next=4,a(i);case 4:r.t0=r.sent,r.next=8;break;case 7:r.t0=i;case 8:if(s=r.t0,f=function(e,t){s instanceof FormData?s.append(e,t):s=Object.assign(s,Object(p.a)({},e,t))},"object"!=typeof R){r.next=28;break}r.t1=c().keys(R);case 12:if((r.t2=r.t1()).done){r.next=28;break}if(h=r.t2.value,v=void 0,"function"!=typeof R[h]){r.next=24;break}if(v=R[h].call(null),r.t3="function"==typeof(null==v?void 0:v.then),!r.t3){r.next=22;break}return r.next=21,v;case 21:v=r.sent;case 22:r.next=25;break;case 24:v=R[h];case 25:void 0!==v&&f(h,v),r.next=12;break;case 28:return m=function(){var e=u(c().mark((function e(){var r;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)({},s.address_line1&&{line1:s.address_line1}),s.address_line2&&{line2:s.address_line2}),s.address_city&&{city:s.address_city}),s.address_country&&{country:s.address_country}),s.address_state&&{state:s.address_state}),s.address_postal_code&&{postal_code:s.address_postal_code}),e.next=3,t.createPaymentMethod({type:"card",card:n.getElement(y.CardElement),billing_details:Object(l.a)(Object(l.a)(Object(l.a)(Object(l.a)({},s.name&&{name:s.name}),s.email&&{email:s.email}),s.phone&&{phone:s.phone}),r&&{address:r})});case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),r.abrupt("return",(b(!0),C.client.submitForm(e,s,{endpoint:o.endpoint,clientName:"@formspree/react@".concat(A),createPaymentMethod:C.client&&C.client.stripePromise?m:void 0}).then((function(e){var t,n=e.response.status;return 200===n?(T&&console.log("Form submitted",e),j(!0),d(e),E([])):n>=400&&((t=e.body).errors?(E(t.errors),T&&console.log("Error",e)):(E([{message:"Unexpected error"}]),T&&console.log("Unexpected error",e)),j(!1)),e})).catch((function(e){throw T&&console.log("Unexpected error",e),j(!1),e})).finally((function(){b(!1)}))));case 30:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}(),function(){b(!1),j(!1),E([])}]};k(E()).isFieldError},function(e,t,n){"use strict";function r(e){for(var t="https://mui.com/production-error/?code="+e,n=1;n2||I(T)>3?"":" "}function H(e,t){for(;--t&&_()&&!(T<48||T>102||T>57&&T<65||T>70&&T<97););return N(e,A()+(t<6&&32==L()&&32==_()))}function V(e){for(;_();)switch(T){case e:return P;case 34:case 39:34!==e&&39!==e&&V(T);break;case 40:41===e&&V(e);break;case 92:_()}return P}function U(e,t){for(;_()&&e+T!==57&&(e+T!==84||47!==L()););return"/*"+N(t,P-1)+"*"+f(47===e?e:_())}function q(e){for(;!I(L());)_();return N(e,P)}function $(e){return D(K("",null,null,null,[""],e=F(e),0,[0],e))}function K(e,t,n,r,o,i,a,c,l){for(var s=0,u=0,d=a,p=0,h=0,v=0,m=1,O=1,j=1,S=0,C="",M=o,z=i,N=r,I=C;O;)switch(v=S,S=_()){case 40:if(108!=v&&58==g(I,d-1)){-1!=y(I+=b(B(S),"&","&\f"),"&\f")&&(j=-1);break}case 34:case 39:case 91:I+=B(S);break;case 9:case 10:case 13:case 32:I+=W(v);break;case 92:I+=H(A()-1,7);continue;case 47:switch(L()){case 42:case 47:x(G(U(_(),A()),t,n),l);break;default:I+="/"}break;case 123*m:c[s++]=w(I)*j;case 125*m:case 59:case 0:switch(S){case 0:case 125:O=0;case 59+u:h>0&&w(I)-d&&x(h>32?X(I+";",r,n,d-1):X(b(I," ","")+";",r,n,d-2),l);break;case 59:I+=";";default:if(x(N=Y(I,t,n,s,u,o,c,C,M=[],z=[],d),i),123===S)if(0===u)K(I,t,N,N,M,i,d,c,z);else switch(99===p&&110===g(I,3)?100:p){case 100:case 109:case 115:K(e,N,N,r&&x(Y(e,N,N,0,0,o,c,C,o,M=[],d),z),o,z,d,c,r?M:z);break;default:K(I,N,N,N,[""],z,0,c,z)}}s=u=h=0,m=j=1,C=I="",d=a;break;case 58:d=1+w(I),h=v;default:if(m<1)if(123==S)--m;else if(125==S&&0==m++&&125==(T=P>0?g(R,--P):0,E--,10===T&&(E=1,k--),T))continue;switch(I+=f(S),S*m){case 38:j=u>0?1:(I+="\f",-1);break;case 44:c[s++]=(w(I)-1)*j,j=1;break;case 64:45===L()&&(I+=B(_())),p=L(),u=d=w(C=I+=q(A())),S++;break;case 45:45===v&&2==w(I)&&(m=0)}}return i}function Y(e,t,n,r,o,i,a,c,s,u,f){for(var p=o-1,h=0===o?i:[""],m=j(h),y=0,g=0,w=0;y0?h[x]+" "+S:b(S,/&\f/g,h[x])))&&(s[w++]=k);return M(e,t,n,0===o?l:c,s,u,f)}function G(e,t,n){return M(e,t,n,c,f(T),O(e,2,-2),0)}function X(e,t,n,r){return M(e,t,n,s,O(e,0,r),O(e,r+1,-1),r)}function Q(e,t){for(var n="",r=j(e),o=0;o6)switch(g(e,t+1)){case 109:if(45!==g(e,t+4))break;case 102:return b(e,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3$1"+i+(108==g(e,t+3)?"$3":"$2-$3"))+e;case 115:return~y(e,"stretch")?ie(b(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==g(e,t+1))break;case 6444:switch(g(e,w(e)-3-(~y(e,"!important")&&10))){case 107:return b(e,":",":"+a)+e;case 101:return b(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(45===g(e,14)?"inline-":"")+"box$3$1"+a+"$2$3$1"+o+"$2box$3")+e}break;case 5936:switch(g(e,t+11)){case 114:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return a+e+o+b(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return a+e+o+e+e}return e}var ae=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case s:e.return=ie(e.value,e.length);break;case u:return Q([z(e,{value:b(e.value,"@","@"+a)})],r);case l:if(e.length)return S(e.props,(function(t){switch(m(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Q([z(e,{props:[b(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return Q([z(e,{props:[b(t,/:(plac\w+)/,":"+a+"input-$1")]}),z(e,{props:[b(t,/:(plac\w+)/,":-moz-$1")]}),z(e,{props:[b(t,/:(plac\w+)/,o+"input-$1")]})],r)}return""}))}}];t.a=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o=e.stylisPlugins||ae;var i,a,c={},l=[];i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,c=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return c=e.done,e},e:function(e){l=!0,a=e},f:function(){try{c||null==n.return||n.return()}finally{if(l)throw a}}}}},function(e,t,n){"use strict";n.d(t,"b",(function(){return o})),n.d(t,"a",(function(){return i}));var r=n(3);function o(e){return null!==e&&"object"===typeof e&&e.constructor===Object}function i(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{clone:!0},a=n.clone?Object(r.a)({},e):e;return o(e)&&o(t)&&Object.keys(t).forEach((function(r){"__proto__"!==r&&(o(t[r])&&r in e&&o(e[r])?a[r]=i(e[r],t[r],n):a[r]=t[r])})),a}},,,,,function(e,t,n){"use strict";function r(e){try{return h.insertRule(e,h.cssRules.length)}catch(e){console.warn("react-reveal - animation failed")}}function o(){u||(t.globalHide=u=!0,window.removeEventListener("scroll",o,!0),r("."+i+" { opacity: 0; }"),window.removeEventListener("orientationchange",o,!0),window.document.removeEventListener("visibilitychange",o))}Object.defineProperty(t,"__esModule",{value:!0}),t.insertRule=r,t.cascade=function(e,t,n,r,o){var i=Math.log(r),a=(Math.log(o)-i)/(n-t);return Math.exp(i+a*(e-t))},t.animation=function(e){if(!h)return"";var t="@keyframes "+(v+f)+"{"+e+"}",n=p[e];return n?""+v+n:(h.insertRule(t,h.cssRules.length),p[e]=f,""+v+f++)},t.hideAll=o,t.default=function(e){var n=e.ssrFadeout;t.fadeOutEnabled=n};var i=t.namespace="react-reveal",a=(t.defaults={duration:1e3,delay:0,count:1},t.ssr=!0),c=t.observerMode=!1,l=t.raf=function(e){return window.setTimeout(e,66)},s=t.disableSsr=function(){return t.ssr=a=!1},u=(t.fadeOutEnabled=!1,t.ssrFadeout=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t.fadeOutEnabled=e},t.globalHide=!1),d=(t.ie10=!1,t.collapseend=void 0),f=1,p={},h=!1,v=i+"-"+Math.floor(1e15*Math.random())+"-";if("undefined"!=typeof window&&"nodejs"!==window.name&&window.document&&"undefined"!=typeof navigator){t.observerMode=c="IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype&&/\{\s*\[native code\]\s*\}/.test(""+IntersectionObserver),t.raf=l=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||l,t.ssr=a=window.document.querySelectorAll("div[data-reactroot]").length>0,-1!==navigator.appVersion.indexOf("MSIE 10")&&(t.ie10=!0),a&&"performance"in window&&"timing"in window.performance&&"domContentLoadedEventEnd"in window.performance.timing&&window.performance.timing.domLoading&&Date.now()-window.performance.timing.domLoading<300&&(t.ssr=a=!1),a&&window.setTimeout(s,1500),c||(t.collapseend=d=document.createEvent("Event"),d.initEvent("collapseend",!0,!0));var m=document.createElement("style");document.head.appendChild(m),m.sheet&&m.sheet.cssRules&&m.sheet.insertRule&&(h=m.sheet,window.addEventListener("scroll",o,!0),window.addEventListener("orientationchange",o,!0),window.document.addEventListener("visibilitychange",o))}},function(e,t,n){"use strict";e.exports=n(183)},function(e,t){function n(){return e.exports=n=Object.assign?Object.assign.bind():function(e){for(var t=1;t1)for(var n=1;n