.Navbar{background-color:var(--color-tiles-bg)}.logo{flex:1 1}.active{color:var(--color-text-orange2)}.logo img{content:var(--logo);width:150px!important}nav{margin-left:50px;list-style-type:none;flex-grow:2}.scrollUp{background-color:var(--color-bright-green);color:var(--color-tiles-bg)}.scrollUp:hover{transition:.3s ease-in;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1!important}nav ul{list-style-type:none;display:flex}nav ul li a{text-decoration:none;margin-right:50px;font-size:18px;color:var(--color-text-secondary)}nav ul li a:hover{color:var(--color-text-primary);transition:all .25s linear}.contact{cursor:pointer}.underline:after{width:0;display:block}.underline:after,.underline:hover:after{content:"";height:3px;background-color:var(--color-text-primary);transition:all .25s linear}.underline:hover:after{width:95px}.underline.contact:hover:after,.underline.home:hover:after{width:70px}.navSetting{display:flex;justify-content:space-evenly;flex:1 1;align-items:center}.themeSwitcher{margin-right:25px;z-index:100}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{margin:0 3px;height:24px;position:relative;width:50px}.theme-switch input{display:none}.slider:hover{transition:.25s ease-in;-webkit-transform:scale(1.1);transform:scale(1.1);background-image:linear-gradient(91deg,var(--color-text-orange1),var(--color-text-orange2))}.slider{transition:.2s ease-out;background-color:var(--color-text-secondary);cursor:pointer;inset:0;position:absolute;transition:.4s}.slider:before{background-color:var(--color-tiles-bg);bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.burgerMenu{display:none}@media screen and (max-width:950px){ul{background-color:rgba(0,0,0,.9);flex-direction:column;height:200vh;position:absolute;inset:0;top:100px;align-items:center;z-index:-10;opacity:0;transition:.25s ease-out}.toggleMobileMenu{transition:.3s ease-in;z-index:100;opacity:1}li.underline,nav ul li{margin:50px}li.contact,nav ul li a{font-size:22px;color:#fff}nav ul li a{margin-right:0}.burgerMenu{display:block;margin-right:10px;cursor:pointer}}.socialIcon{margin-right:5px;color:var(--color-text-secondary)}.socialIcon:hover{transition:.3s;cursor:pointer;color:var(--color-text-orange1)}.Footer{display:grid;grid-template-columns:repeat(3,1fr);background-color:var(--color-tiles-bg)}a{color:#fff}@media screen and (max-width:950px){.Footer{grid-template-columns:repeat(1,1fr)}.Footer .logo{display:flex;justify-content:center}}.SkillCard{background-color:var(--color-tiles-bg)}.SkillCard:hover{box-shadow:6px 9px 35px 2px rgba(100,244,172,.4392156862745098)!important;-webkit-transform:scale(1.01)!important;transform:scale(1.01)!important;transition:all .3s ease-in!important}.SkillCard:hover,.SkillCard:hover .skillIcon{background-image:linear-gradient(var(--color-bright-green),var(--color-dark-green))}.skillIcon{border:1px solid var(--color-bright-green);background-color:var(--color-icons-bg)}.skillTitle{font-size:1.6rem;font-weight:600;letter-spacing:1px;margin-top:10px}.skillDesc{letter-spacing:1.5px;color:var(--color-text-secondary);text-align:center}@media only screen and (max-width:970px) and (min-width:820.5px){.SkillCard{width:180px!important;height:180px!important}.skillIcon{width:45px!important;height:45px!important}.skillTitle{font-size:.7rem!important;font-weight:500}.skillDesc{letter-spacing:1.4px;font-size:.5rem!important;text-align:center}}@media only screen and (max-width:1150px) and (min-width:600.5px){.SkillCard{width:210px;height:210px}.skillIcon{width:60px;height:60px}.skillTitle{font-size:1.1rem;font-weight:500}.skillDesc{letter-spacing:1.4px;font-size:.7rem;text-align:center}}.Skills{display:flex;width:100vw;overflow:hidden}p:first-child{padding-top:100px;color:var(--color-bright-green);margin-bottom:15px}.Skills .para{font-size:1.1vw;width:100%}.Skills .left-col{display:grid;grid-template-columns:repeat(2,1fr);order:1;justify-items:center;margin:100px 0}.Skills .right-col{padding:50px;order:2}@media screen and (min-width:1150px){.SkillCard:nth-child(2n){-webkit-transform:translateY(30px)!important;transform:translateY(30px)!important}}@media only screen and (max-width:1150px) and (min-width:600px){.SkillCard:nth-child(2n){-webkit-transform:translateY(30px)!important;transform:translateY(30px)!important}}@media only screen and (max-width:820px) and (min-width:600.5px){.Skills{display:block}.Skills .para{font-size:.9rem}.Skills .left-col{place-items:center;width:100vw}.Skills .right-col{padding:0 90px 50px}}@media screen and (max-width:600px){.Skills{display:block}.Skills .left-col{width:100vw;display:flex;flex-direction:column;align-items:center}.Skills .right-col{height:50vh;flex-direction:column}p:first-child{padding:0}.Skills .para{font-size:3vw;margin-bottom:50px;width:100%}}.Projects{display:flex;flex-direction:column;width:100vw;overflow:hidden;margin-bottom:100px}.Project{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(2,1fr);height:auto;margin-bottom:50px}.Projects .right-col{padding:0 100px;max-height:600px}.Projects .left-col{padding-top:50px;display:flex;align-items:center;max-height:600px}.fa-long-arrow-right{margin-right:5px;font-size:1.2rem}.toolUsed{margin-left:5px;font-size:1.5rem}.apicon{fill:var(--color-text-primary);width:30px}@media screen and (max-width:820px){.Project{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:50px;gap:50px}.Project .para{font-size:1.7vw;width:70vw}}@media screen and (min-width:1000px){.Project{grid-template-areas:"flipToRight flipToLeft "}.flipToRight{grid-area:flipToRight}}.ProjectCard{background-color:var(--transpernt-primary);transition:all .25s}.ProjectCard,.ProjectCardInner{width:550px;height:450px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.ProjectCardInner{transition:all .8s ease;box-shadow:1px 1px 10px 1px rgba(0,0,0,.5)}#p1{background-image:url(/static/media/devmeet.c8ff5f86.webp)}#p2{background-image:url(/static/media/petme.b061ffd8.webp)}#p3{background-image:url(/static/media/bizup.42aa390e.webp)}#p4{background-image:url(/static/media/crm.5f86c355.webp)}#p5{background-image:url(/static/media/portfolio.00c3a62a.webp)}#p6{background-image:url(/static/media/mardi.e615aaf6.webp)}#p7{background-image:url(/static/media/smartechs.aa92e0d3.webp)}#p8{background-image:url(/static/media/qnwmedia.e96d0ab0.webp)}#p9{background-image:url(/static/media/patron.9c96c3df.webp)}#p10{background-image:url(/static/media/dina.0854f24e.webp)}#p11{background-image:url(/static/media/aragil.6f018b63.webp)}#p12{background-image:url(/static/media/fiad.ef082887.webp)}#p13{background-image:url(/static/media/donepro.216b151d.webp)}#p14{background-image:url(/static/media/ssc.f78f9611.webp)}#p15{background-image:url(/static/media/kfar.f81910c2.webp)}#p16{background-image:url(/static/media/qusetna.4043a961.webp)}#p17{background-image:url(/static/media/shortly.69f62986.webp);background-position:20%}#p18{background-image:url(/static/media/qbmedia.605a4db7.webp)}#p19,#p20,#p21{background-image:url(https://imageio.forbes.com/specials-images/imageserve/60f1e792c7e89f933811814c/DevOps-concept/960x0.jpg?format=jpg&width=960)}#p22{background-image:url(/static/media/qrmenu.8c975f32.webp)}#bernard{background-image:url(https://upload.wikimedia.org/wikipedia/commons/a/a6/George_Bernard_Shaw.jpg)}.ProjectCardInner:hover{cursor:pointer;-webkit-animation:float .8s infinite alternate;animation:float .8s infinite alternate}.onReach{transition:all 1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media only screen and (max-width:1200px) and (min-width:800px){.ProjectCard,.ProjectCardInner{width:380px;height:330px}}@media only screen and (max-width:800px) and (min-width:600.5px){.ProjectCard,.ProjectCardInner{width:400px;height:340px}}@media screen and (max-width:600px){.ProjectCard,.ProjectCardInner{width:300px;height:250px;border-radius:25px}.Projects .para{width:75vw;font-size:3vw}.Projects .right-col{padding:0 50px}}.Testimonials{display:flex;flex-direction:column;align-items:center;width:100vw;overflow:hidden;margin-bottom:100px}.contact h2:before{content:"";height:5px;width:80px;text-align:center;display:block;margin:0 auto 5px;background-color:#327a56}#square,.Testimonials .contact{background-color:var(--color-tiles-bg)}#square h1{color:var(--color-bright-green)}.contact p{width:40vw}.Testimonials .Project .right-col h2{font-size:1.5rem}.Testimonials .ProjectCard,.Testimonials .ProjectCardInner{width:400px}.Testimonials .left-col,.Testimonials .right-col{display:grid;place-items:center}#contact *{margin-bottom:40px}@media only screen and (max-width:1250px) and (min-width:820.5px){#square{width:190px!important;height:190px!important}#bar{width:790px!important}}@media screen and (max-width:820px){.Testimonials .ProjectCard,.Testimonials .ProjectCardInner{width:250px}.Testimonials .contact{height:50vh!important;width:80vw!important}#square{width:415px!important;height:215px;border-radius:20px!important}#bar{place-items:center!important;height:900px!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,1fr)!important}}.Hero{display:flex;width:100vw;background-color:var(--color-tiles-bg);height:calc(100vh - 100px);padding:0 30px}.right-col{flex:2 1;position:relative;bottom:0;top:10px}.left-col{display:flex;flex-direction:column;min-width:35vw;padding:0 40px}.left-col p:first-child{width:75%;padding-top:15vh;color:var(--color-bright-green);margin-bottom:15px}.para{font-size:1vw;letter-spacing:1px;width:35vw;margin:10px 0 30px;color:var(--color-text-secondary)}h1{font-size:5.5vw;line-height:1;margin-bottom:20px}h1 span{font-size:6.5vw;display:flex}.person{background-image:url(/static/media/personme.4066fb1a.webp);width:500px;background-size:contain;background-repeat:no-repeat;right:10vw;z-index:5}.person,.ring{height:700px;position:absolute;bottom:10px}.ring{background-image:var(--ring);width:700px;right:5vw}.icon{position:absolute;display:grid;place-items:center;font-size:2rem;font-weight:500;width:95px;height:95px;border-radius:50%;background-color:var(--color-icons-bg);color:var(--color-bright-green);transition:all .25s linear;box-shadow:5px 5px 15px 5px rgba(0,0,0,.25)}.icon:hover{-webkit-animation:float .5s infinite alternate;animation:float .5s infinite alternate}.pushLeftIcons{-webkit-transform:translateX(-50px)!important;transform:translateX(-50px)!important}.pushRightIcons{-webkit-transform:translateX(50px)!important;transform:translateX(50px)!important}.bRight{right:85px;top:450px}.bLeft{top:450px;right:42vw}.tRight{right:170px;top:100px}.tLeft{right:35vw;top:100px}@-webkit-keyframes float{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media screen and (max-width:1350px){.left-col p:first-child{padding-top:25px}.Hero{height:auto}.left-col p:first-child{color:var(--color-bright-green);margin-bottom:15px}.para{width:250px}.ring{width:570px;height:570px}.person{height:600px;width:420px}.icon{width:70px;height:70px;font-size:1.5rem}.tLeft,.tRight{top:150px}.bLeft,.bRight{top:350px}}@media screen and (max-width:1350px) and (min-width:1150.5px){.ring{width:470px;height:470px}.person{height:510px;width:360px}}@media screen and (max-width:1150px) and (min-width:820.5px){.ring{width:400px;height:400px}.person{width:300px;height:400px}.tLeft,.tRight{top:50px}.bLeft,.bRight{top:280px}}@media only screen and (max-width:820px) and (min-width:600.5px){.icon{width:50px;height:50px}.tLeft,.tRight{top:100px}.bLeft,.bRight{top:250px}.ring{width:350px;height:350px}.person{width:260px;height:350px}.tRight{right:100px}}@media screen and (max-width:600px){.burgerMenu,.Hero{display:block}.Hero .left-col{display:grid;place-items:center}.Hero .left-col .btn{margin-bottom:50px}.Hero .right-col{height:50vh;display:grid;place-items:center}.ring{position:unset;width:350px;height:350px}.person{width:300px;height:400px;margin-right:10%}.para{font-size:.8rem}.left-col p:first-child{padding-top:0}h1{font-size:2.2rem}h1 span{font-size:3.2rem}.icon{width:60px;height:60px;font-size:1.4rem}.bRight{right:110px;top:10px}.bLeft{right:45px;top:100px}.tRight{top:200px;right:30px}.tLeft{top:300px;right:60px}}.Projects .titleWraper{margin:50px auto;text-align:center}.bar{background-color:var(--color-tiles-bg)}.cat:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .3s}.cat:hover,.Front,.MEAN,.MERN,.Wordpress{color:var(--color-text-orange2)}.x{width:90px!important;height:30px!important}.s-1{opacity:.5;transition:all .3s;-webkit-transform:scale(.9);transform:scale(.9)}.right-col h2{margin-bottom:10px}@media screen and (max-width:600px){.cat{padding:7px;font-size:14px}.bar{width:85vw!important}}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}:root{--primary-font-family:"Roboto";--secondary-font-family:"Roboto Slab"}[data-theme=dark]{--color-icons-bg:#2d2e32;--color-bg:#2d2f32;--transpernt-primary:hsla(0,0%,100%,0.45);--transpernt-inverted:rgba(0,0,0,0.45);--color-text-orange1:#fecd1a;--color-text-orange2:#ffaf29;--color-bright-green:#64f4ab;--color-dark-green:#327a56;--color-text-secondary:#e8e8e8;--color-tiles-bg:#25262a;--color-text-primary:#fff;--logo:url(/static/media/logo.fd356a09.svg);--ring:url(/static/media/ring.e51b7642.svg)}[data-theme=light]{--color-icons-bg:#d0d0d0;--color-bg:#fff;--transpernt-primary:rgba(0,0,0,0.45);--transpernt-inverted:hsla(0,0%,100%,0.45);--color-text-orange1:#fecd1a;--color-text-orange2:#ffaf29;--color-bright-green:#327a56;--color-dark-green:#64f4ab;--color-text-secondary:#25262a;--color-tiles-bg:#e8e8e8;--color-text-primary:#000;--logo:url(/static/media/logo_dark.cd8c29e8.svg);--ring:url(/static/media/ring_dark.499f15a7.svg)}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:"Roboto";font-family:var(--primary-font-family);overflow-x:hidden}.container{padding:50px 100px}.btn,.btn a{text-decoration:none;background-image:linear-gradient(91deg,var(--color-text-orange1),var(--color-text-orange2));border-radius:14px;transition:all .1s;height:50px;border:none;width:180px;display:grid;place-items:center;color:#25262a;cursor:pointer;font-size:18px;box-shadow:1px 1px 10px 1px rgba(0,0,0,.2)}.btn:hover{transition:all .25s;background-image:linear-gradient(180deg,var(--color-text-orange2) 100%,var(--color-text-orange1) 0);-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.btn:active{box-shadow:inset 2px 2px 10px 2px rgba(0,0,0,.2)}#vAll{background-color:var(--color-text-secondary);color:var(--color-tiles-bg);box-shadow:3px 5px 10px 0 var(--transpernt-primary);margin-bottom:20px;font-size:15px}#vAll,#vAll:hover{transition:all .3s}#vAll:hover{color:var(--color-text-secondary);box-shadow:3px 5px 15px 0 var(--transpernt-inverted);background-color:var(--color-tiles-bg)}.readMore,.readMore a{color:var(--color-text-orange1);transition:all .25s;text-decoration:none}.readMore:hover{transition:all .1s;margin-left:10px;cursor:pointer}.splitter{background:var(--color-bg);background:linear-gradient(180deg,var(--color-bg),var(--color-tiles-bg) 50%,var(--color-bg))}h2{font-size:2.5vw}@media screen and (max-width:650px){.hide-m{display:none!important}h2{font-size:5vw}}#bubbles{height:100%}.bubble{width:5vw;height:5vw;border-radius:10vw;-moz-border-radius:10vw;-webkit-border-radius:10vw;position:fixed;bottom:0;z-index:100}.x1{left:85vw;background-color:var(--color-bright-green);-webkit-transform:scale(.3);transform:scale(.3);opacity:.2;-webkit-animation:moveBubbles 10s linear infinite,sideWays 10s ease-in-out infinite alternate;animation:moveBubbles 10s linear infinite,sideWays 10s ease-in-out infinite alternate}.x2{left:5vw;opacity:.5;-webkit-animation:moveBubbles 7s linear infinite,sideWays 6s ease-in-out infinite alternate;animation:moveBubbles 7s linear infinite,sideWays 6s ease-in-out infinite alternate}.x2,.x3{background-color:var(--color-dark-green);-webkit-transform:scale(.2);transform:scale(.2)}.x3{left:35vw;opacity:.3;-webkit-animation:moveBubbles 6s linear infinite,sideWays 5s ease-in-out infinite alternate;animation:moveBubbles 6s linear infinite,sideWays 5s ease-in-out infinite alternate}.x4{background-color:var(--color-bright-green);left:47vw;-webkit-transform:scale(.18);transform:scale(.18);opacity:.35;-webkit-animation:moveBubbles 9s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:moveBubbles 9s linear infinite,sideWays 3s ease-in-out infinite alternate}.x5{left:15vw;-webkit-transform:scale(.25);transform:scale(.25);opacity:.3;-webkit-animation:moveBubbles 6s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:moveBubbles 6s linear infinite,sideWays 2s ease-in-out infinite alternate}.x5,.x6{background-color:var(--color-dark-green)}.x6{left:73vw;-webkit-transform:scale(.28);transform:scale(.28);opacity:.2;-webkit-animation:moveBubbles 5s linear infinite,sideWays 5s ease-in-out infinite alternate;animation:moveBubbles 5s linear infinite,sideWays 5s ease-in-out infinite alternate}.x7{left:67vw;-webkit-transform:scale(.1);transform:scale(.1);opacity:.5;-webkit-animation:moveBubbles 11s linear infinite,sideWays 5s ease-in-out infinite alternate;animation:moveBubbles 11s linear infinite,sideWays 5s ease-in-out infinite alternate}.x7,.x8{background-color:var(--color-dark-green)}.x8{left:56vw;-webkit-transform:scale(.15);transform:scale(.15);opacity:.3;-webkit-animation:moveBubbles 10s linear infinite,sideWays 5s ease-in-out infinite alternate;animation:moveBubbles 10s linear infinite,sideWays 5s ease-in-out infinite alternate}.x9{left:20vw;-webkit-transform:scale(.23);transform:scale(.23);opacity:.35;-webkit-animation:moveBubbles 5.5s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:moveBubbles 5.5s linear infinite,sideWays 3s ease-in-out infinite alternate}.x9,.x10{background-color:var(--color-dark-green)}.x10{left:33vw;-webkit-transform:scale(.15);transform:scale(.15);opacity:.3;-webkit-animation:moveBubbles 12.3s linear infinite,sideWays 6s ease-in-out infinite alternate;animation:moveBubbles 12.3s linear infinite,sideWays 6s ease-in-out infinite alternate}@-webkit-keyframes moveBubbles{0%{top:100vh;opacity:0}50%{opacity:1}to{top:0;opacity:0}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:5vw}}@keyframes moveBubbles{0%{top:100vh;opacity:0}50%{opacity:1}to{top:0;opacity:0}}@keyframes sideWays{0%{margin-left:0}to{margin-left:5vw}}
/*# sourceMappingURL=main.ddb0451a.chunk.css.map */