*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fff;font-family:Poppins,sans-serif;position:relative}.container{max-width:107rem;margin:0 auto;padding:0 4rem}*{scrollbar-width:thin;scrollbar-color:#8e8e8e #ffffff}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{border-radius:20px;background-color:#fff}*::-webkit-scrollbar-track:hover{background-color:#fff}*::-webkit-scrollbar-track:active{background-color:#fff}*::-webkit-scrollbar-thumb{border-radius:20px;background-color:#8e8e8e}*::-webkit-scrollbar-thumb:hover{background-color:#878787}*::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}.mobile-menu{font-size:2.3rem;cursor:pointer;display:none}.mobile-menu:hover{color:#147efb;transition:all .3s}@media (max-width: 900px){.mobile-menu{display:flex}}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{display:flex;width:100%;height:100vh;z-index:300;background-color:#fff;position:fixed;top:0;left:0;text-align:center;align-items:center;justify-content:center;transition:all .3s ease-in-out}.mobile-nav span{font-size:3.3rem;position:absolute;top:2rem;right:4rem;cursor:pointer}.mobile-nav span:hover{color:#147efb;transition:all .3s}.mobile-nav ul{display:flex;flex-direction:column;gap:4rem;font-size:2.3rem;list-style:none}.mobile-nav ul a{color:#000;text-decoration:none;font-weight:500}.mobile-nav ul a:hover{color:#147efb;transition:all .3s}nav{font-size:1.7rem;width:100%;height:auto;padding:25px 40px 25px 50px;display:flex;justify-content:space-between;position:fixed;background-color:#fff;top:0;left:0;box-shadow:0 0 10px #00000017;z-index:200;align-items:center}@media (max-width: 400px){nav{padding:25px 30px}}nav ul{display:flex;list-style:none;gap:2rem}nav ul a{color:#2d2e32;text-decoration:none;transition:all .23s;font-weight:600}@media (max-width: 900px){nav ul a{display:none}}nav ul a:hover{color:#147efb}.logo{cursor:pointer;color:#2d2e32}.hero{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#f9f9f9;position:relative}@media (max-width: 900px){.hero{height:auto;padding:11rem 0}}.hero-main{display:flex;justify-content:center;align-items:center;gap:10rem;position:relative}@media (max-width: 900px){.hero-main{flex-direction:column-reverse;text-align:center;height:auto;gap:3rem}}.content{display:flex;justify-content:center;align-items:center;height:65rem;gap:10rem;position:relative}@media (max-width: 900px){.content{flex-direction:column;text-align:center;height:auto;gap:3rem}}@media (min-width: 1600px){.content{margin-top:6rem}}@media (min-width: 1900px){.content{margin-top:10rem}}.hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero-text h1{font-size:5.5rem;line-height:1.2;color:#2d2e32;margin-bottom:2rem;margin-top:2rem}@media (max-width: 500px){.hero-text h1{font-size:4rem}}.hero-text p{font-size:1.8rem;font-weight:500;color:#555;font-family:Mulish,sans-serif;line-height:1.6}@media (max-width: 900px){.hero-text p{margin-bottom:5rem}}.hero-text span{display:flex;gap:1.3rem;margin:2.5rem 0;cursor:pointer}.hero-text span a{font-size:3rem;color:#2d2e32}@media (max-width: 900px){.hero-text span{justify-content:center;margin-top:-2rem;margin-bottom:4rem;gap:1.6rem}}.hero-text span a{transition:all .2s}.hero-text span a:hover{color:#147efb}.hero-text img{position:absolute;width:6rem;height:6rem;top:8.7rem;right:13rem}@media (max-width: 900px){.hero-text img{right:3rem}}@media (max-width: 500px){.hero-text img{top:6.4rem;right:4rem;width:4.5rem;height:4.5rem}}@media (max-width: 400px){.hero-text img{right:3rem}}@media (max-width: 380px){.hero-text img{right:3rem}}@media (max-width: 375px){.hero-text img{right:1.7rem}}.hero-img{background-image:url(/assets/pic-IyUrHWYd.jpeg);width:35rem;height:35rem;background-size:cover;background-position:center center;background-repeat:no-repeat;border:3px solid #2d2e32;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out}@media (max-width: 500px){.hero-img{width:28rem;height:28rem}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{display:flex;font-size:1.7rem;color:#767676;align-items:center;position:absolute;bottom:0;left:0}@media (max-width: 900px){.skills{position:initial;flex-direction:column}}.skills p{margin-right:7rem;padding-right:2rem;border-right:2px solid rgba(45,46,50,.5);font-family:Mulish,sans-serif;font-weight:600;color:#2d2e32}@media (max-width: 900px){.skills p{margin-right:0;margin-bottom:3rem;border-bottom:2px solid rgba(45,46,50,.5);border-right:none;padding-right:0;padding-bottom:1rem}}.skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:3rem}@media (max-width: 900px){.skills ul{justify-content:center}}.skills ul li{cursor:pointer}.skills ul li img{width:11rem;height:5rem;transition:all ease-in-out .3s}.skills ul li img:hover{transform:translateY(-1rem)}.about{background-color:#fff;padding:15rem 0}@media (max-width: 1020px){.about{padding:8rem 0}}.about-content{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}@media (max-width: 1020px){.about-content{grid-template-columns:1fr;text-align:center}}.text-side{padding-right:1.5rem}@media (max-width: 1020px){.text-side{max-width:54rem;margin:0 auto}}@media (max-width: 400px){.text-side{padding-right:0}}.text-side span{-webkit-text-decoration:underline #147efb;text-decoration:underline #147efb}.text-side h3{font-size:1.7rem;color:#147efb;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.text-side h4{font-size:2.5rem;font-family:Poppins,sans-serif;line-height:1.4;margin-bottom:2rem;color:#2d2e32}.text-side p{font-size:1.7rem;font-family:Mulish,sans-serif;color:#767676;font-weight:500;line-height:1.5}.img-side{position:relative}.img-side span{width:19rem;height:19rem;position:absolute;background-color:#fff;bottom:-33px;right:33px;border-radius:50%}@media (max-width: 1020px){.img-side span{width:17rem;height:17rem;bottom:-3px;right:190px}}@media (max-width: 880px){.img-side span{bottom:-3px;right:100px}}@media (max-width: 750px){.img-side span{display:none}}.img-side span img{width:19rem;animation:rotate 9s linear infinite}@media (max-width: 1020px){.img-side span img{width:17rem}}@keyframes rotate{to{transform:rotate(360deg)}}.img-side__main-img{width:41rem;height:35rem;border-radius:1.7rem}@media (max-width: 1020px){.img-side__main-img{margin-bottom:3.5rem}}@media (max-width: 460px){.img-side__main-img{width:90%;height:auto}}.work-emoji{position:absolute;z-index:10;width:6rem!important;bottom:35px;right:98px}@media (max-width: 1020px){.work-emoji{bottom:25px;right:245px}}@media (max-width: 880px){.work-emoji{bottom:57px;right:156px}}@media (max-width: 750px){.work-emoji{display:none}}.project{background-color:#f9f9f9;padding:15rem 0}@media (max-width: 1020px){.project{padding:8rem 0}}.project-content{display:flex;flex-direction:column}@media (max-width: 600px){.project-content{text-align:center}}.project-content p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.project-content h3{font-size:2.5rem;color:#2d2e32;margin-bottom:6rem}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;height:auto;gap:5rem}.projects-grid .pro{display:flex;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:1.7rem}.projects-grid .pro__1{height:40rem;flex-direction:row;padding:2rem;gap:8rem}@media (max-width: 1020px){.projects-grid .pro__1{height:75rem;flex-direction:column!important;gap:3rem;width:-moz-fit-content;width:fit-content;margin:0 auto}}@media (max-width: 400px){.projects-grid .pro__1{width:100%}}.projects-grid .pro__img{width:53rem;height:auto;border-radius:1.7rem;background-color:#76767633;overflow:hidden;box-shadow:0 0 10px #0000001a}@media (max-width: 650px){.projects-grid .pro__img{width:100%}}.projects-grid .pro__img img{width:100%;height:auto}.projects-grid .pro__text{display:flex;width:30rem;height:auto;flex-direction:column;text-align:center;justify-content:center}@media (max-width: 1020px){.projects-grid .pro__text{margin:0 auto}}@media (max-width: 400px){.projects-grid .pro__text{width:100%}}.projects-grid .pro__text img{width:7rem;position:absolute;top:-2px;right:-19px}.projects-grid .pro__text h3{font-size:1.7rem;text-transform:uppercase;color:#2d2e32;margin-bottom:2rem;position:relative;display:flex;justify-content:center;align-items:center;gap:.2rem}.projects-grid .pro__text p{font-size:1.7rem;color:#767676;text-align:center;text-transform:none;font-weight:500}.stack{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.stack p{color:#000!important;font-weight:600!important;background-color:#fff;box-shadow:0 0 10px #0000001a;padding:1rem 1.3rem;font-family:Mulish,sans-serif!important}.links{display:flex;justify-content:space-evenly;margin-top:3rem;gap:1rem;align-items:center}.links a{font-size:1.7rem;color:#2d2e32;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:5px}.links a i{font-size:2.8rem}.links a .link-icon{font-size:2rem!important}.links a img{width:3.5rem}.links a:hover{color:#147efb;transition:all .3s}.reversed-proj{flex-direction:row-reverse!important}@media (max-width: 460px){.container{padding:0 1.7rem}}.new-projects{font-size:2.6rem;text-align:center;color:#2d2e32}.date-class{font-size:1.4rem;color:#161414c5;margin-left:.2rem}.contact{background-color:#fff;padding:11rem 0}@media (max-width: 1020px){.contact{padding:8rem 0}}.contact__content{display:flex;flex-direction:column}@media (max-width: 750px){.contact__title{text-align:center}}.contact__title p{color:#147efb;text-transform:uppercase;font-weight:700;font-size:1.7rem;margin-bottom:1rem}.contact__title h3{color:#2d2e32;font-size:2.5rem}.contact__icons{display:flex;gap:8rem;flex-wrap:wrap;margin-top:6rem}@media (max-width: 750px){.contact__icons{flex-direction:column;gap:5rem;justify-content:center;text-align:center}}.contact__icon-box{display:flex;align-items:center;gap:1.5rem}@media (max-width: 750px){.contact__icon-box{flex-direction:column}}.contact__icon-box span{background-color:#fff;width:5rem;display:flex;align-items:center;justify-content:center;height:5rem;box-shadow:0 0 10px #0000001a;border-radius:50%;color:#147efb}.contact__info{display:flex;flex-direction:column;gap:.5rem}.contact__info h3{font-size:1.7rem;color:#2d2e32}.contact__info a,.contact__info p{font-size:1.7rem;color:#767676;text-decoration:none;cursor:pointer}.contact__info a:hover,.contact__info p:hover{color:#147efb;transition:all .3s}footer{background-color:#2d2e32;padding:5rem 0;width:100%}footer h3{font-size:1.7rem;color:#fff}.footerc{display:flex;justify-content:space-between;align-items:center}@media (max-width: 550px){.footerc{flex-wrap:wrap;justify-content:center;gap:2rem;text-align:center}}.footerc__socials{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:1rem}.footerc__socials a{font-size:2.3rem;color:#fff}.footerc__socials a:hover{transform:scale(1.2);transition:all .2s ease-in-out}@media (max-width: 600px){.project-box{flex-direction:column;gap:1.5rem}.project-details h2{font-size:2rem}.project-details p{font-size:1.6rem}.project-tech span,.project-links a{font-size:1.4rem}}.project-box{display:flex;justify-content:center;align-items:stretch;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}.project-box:hover{box-shadow:0 8px 16px #0003}.project-image{flex:2;overflow:hidden;border-radius:1.7rem;height:350px}.project-image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transform:translateY(0);transition:transform 4s linear}.project-image:hover img{transform:translateY(-50%)}.project-details{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.project-details h2{font-size:2rem;margin-bottom:2rem;text-transform:uppercase}.project-details p{margin-bottom:1.5rem;text-align:center;color:#6c6c6c;text-transform:none;font-size:1.7rem}.project-tech{display:flex;gap:1rem;margin-bottom:1.5rem}.project-tech span{background-color:#f5f5f5;padding:.3rem .6rem;border-radius:4px;font-size:1.5rem;font-weight:800}.project-links{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:2rem}.project-links a{font-size:1.6rem;color:#2d2e32;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:color .3s ease}.project-links a:hover{color:#147efb}.project-links i{font-size:1rem}@media (max-width: 600px){.project-box{flex-direction:column!important;height:auto}.project-details{text-align:center;padding:2rem 1rem}.project-image{height:250px}.project-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transform:translateY(0);transition:none;height:250px}.project-image:hover img{transform:none}}