*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#8e8e8e;border-radius:20px}::-webkit-scrollbar-track{background-color:transparent;border-radius:20px}.navBar{align-items:center;background-color:#fff;color:#000;box-shadow:0 0 10px #00000017;display:flex;font:500 1.3vmax Poppins;height:auto;justify-content:space-between;left:0;padding:25px 40px 25px 50px;position:fixed;top:0;width:100%;z-index:200}.navBar>h3{font:700 1.3rem Poppins}.navBar ul{display:flex;gap:2rem;list-style:none}.navBar ul>a{text-decoration:none;color:#000;transition:.5s}.navBar ul>a:hover{transition:.5s;color:#247aeb}.navBar button{cursor:pointer;border:none;outline:none;background:transparent;display:none}.navBar svg{font-size:3.5vmax}.navBar svg:hover{color:#247aeb}@media only screen and (max-width: 900px){.navBar{width:100vw}.navBar button{display:inline}.links{position:fixed;top:0;left:0;width:100%;height:100%;font:500 3vmax Poppins;display:flex;text-align:center;align-items:center;justify-content:center;background-color:#fff;gap:1.5rem;transition:.3s;transform:translate(-100%)}.links ul{display:flex;flex-direction:column}.links>button{position:absolute;right:4.5vmax;top:3vmax}.navBar svg{font-size:4vmax}.responsive_nav{transform:none}}.hero{background-color:#f9f9ff;display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.container{margin:0 auto;max-width:107rem;padding:0 4rem}.content{display:flex;flex-direction:column;gap:4rem;margin-top:11rem;justify-content:center;position:relative}.hero-main{display:flex;gap:6rem;justify-content:center;position:relative}.hero-main span{display:flex;gap:1rem}.hero-main span a svg{margin-top:1rem;color:#2d2e32;font-size:2rem}.hero-text{display:flex;flex-direction:column;max-width:50%;position:relative}.hero-text h1{color:#2d2e32;font-size:3.5rem;line-height:1.2;margin-bottom:2rem;font-weight:600}.hero-text p{color:#555;font-family:Mulish,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.6}.hero-text img{position:absolute;left:18rem;top:5rem;width:3rem}.hero-img{background:url(/Images/profile.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:20rem;position:relative;transition:all 1s ease-in-out;width:20rem;animation:morph 8s ease-in-out infinite}.skills{padding-left:5rem;align-items:center;color:#767676;display:flex;font-size:1.2rem}.skills p{border-right:2px solid rgba(45,46,50,.5);color:#2d2e32;font-family:Mulish,sans-serif;font-weight:600;margin-right:3rem;padding-right:2rem}.skills ul{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;justify-content:center}.skills ul img{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0003;cursor:pointer;display:flex;height:3rem;justify-content:center;width:3rem}@media only screen and (max-width: 900px){.hero{width:100%;height:65rem}.content{margin-top:8rem;width:96%}.hero-main{gap:2rem;flex-direction:column-reverse;justify-content:center;text-align:center;align-items:center}.hero-text{max-width:100%;align-items:center}.hero-text img{left:30vmax;top:4.2vmax;width:4vmax}.hero-text h1{font-size:3.4vmax}.hero-img{width:15rem;height:15rem}.skills{padding-left:0;justify-content:center;flex-direction:column}.skills p{border-bottom:2px solid rgba(45,46,50,.5);border-right:none;margin-bottom:3rem;margin-right:0;padding-bottom:1rem;padding-right:0}.skills ul{display:flex;flex-wrap:wrap;gap:2rem;list-style:none}}@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%}}.about{background-color:#fff;padding:5rem 0}.container{margin:0 auto;max-width:90%;padding:0 4rem}.about-container{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.img-side img{object-fit:cover;height:30rem;width:30rem}.text-side{padding-right:1rem}.text-side h3{color:#147efb;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.text-side h4{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:1.4;margin-bottom:2rem;font-weight:600}.text-side p{color:#767676;font-family:Mulish,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}@media only screen and (max-width: 900px){.about{padding:5rem}.container{margin:0 auto;max-width:100%;padding:0 4rem}.about-container{grid-template-columns:1fr;text-align:center}.img-side img{object-fit:cover;height:20rem;width:20rem}}.projects{background-color:#f9f9f9;padding:10vmax 0}.container{margin:0 auto;max-width:80%;padding:0 4rem}.project-content p{color:#147efb;font-size:1.2rem;font-weight:700;margin-bottom:1.2vmax;text-transform:uppercase}.project-content h3{color:#2d2e32;font-size:1.6vmax;margin-bottom:4vmax;font-weight:600}.projects-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:100%}@media only screen and (max-width: 900px){.container{max-width:100%;padding:0 2vmax}.project-content h3{font-size:2.5vmax}.project-content p{font-size:3vmax}.project-content{display:flex;padding:3vmax;flex-direction:column;text-align:center;align-items:center;justify-content:center}}.pro__1{flex-direction:row;gap:1vmax;height:30vmax;padding:1.2rem}.pro{background-color:#fff;border-radius:1.2rem;box-shadow:0 0 10px #0000001a;display:flex}.pro__img{background-color:#75757533;border-radius:1.3rem;box-shadow:0 0 10px #0000004d;height:auto;overflow:hidden;width:60%}.pro__img img{height:auto;width:100%;transform:translateY(0);transition:transform 3s ease-in-out 0s}.pro__img img:hover{transform:translateY(-52%)}.pro__text{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center;width:40%;padding:0 2vmax}.pro__text h3{color:#2d2e32;font-size:1.8vmax;margin-bottom:2vmax;position:relative;text-transform:uppercase}.pro__text p{color:#767676;font-size:1.2vmax;font-weight:500;text-align:center;text-transform:none}.pro__links,.pro__links a{align-items:center;display:flex}.pro__links a{color:#2d2e32;font-size:1.5vmax;font-weight:500;gap:5px;text-decoration:none}.pro__links{justify-content:space-evenly;margin-top:2.5vmax}@media only screen and (max-width: 900px){.pro__1{flex-direction:column!important;gap:8vmax;height:70vmax;margin:0 auto;width:100%}.projects-grid{gap:20vmax}.pro{align-items:center}.pro__img,.pro__text{width:90%}.pro__text p{font-size:1.9vmax}.pro__text h3{font-size:2.5vmax}.pro__links a{font-size:2.2vmax}.pro__links{gap:3vmax}}footer{background-color:#2d2e32;padding:3rem 0;width:100%}.footerc{align-items:center;display:flex;justify-content:space-between}footer h3{color:#fff;font-size:1.2rem}.footerc__socials{display:flex;gap:2rem}.footerc__socials i{color:#fff;font-size:2rem}.contact{background-color:#f9f9f9;padding:8vmax 0}.contact__content{display:flex;flex-direction:column}.contact__title p{color:#147efb;font-size:1.2rem;font-weight:700;margin-bottom:.6rem;text-transform:uppercase}.contact__title h3{color:#2d2e32;font-size:1.8rem}.contact__icons{display:flex;flex-wrap:wrap;gap:6rem;margin-top:3rem}.contact__icon-box{align-items:center;display:flex;gap:1.5rem}.contact__icon-box span{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;padding:1rem}.contact__icon-box span i{color:#147efb;font-size:2rem}.contact__info{display:flex;flex-direction:column;gap:.5rem}.contact__info h3{color:#2d2e32;font-size:1.3rem}.contact__info a,.contact__info p{color:#767676;cursor:pointer;font-size:1rem;text-decoration:none}.contact__info a:hover,.contact__info p:hover{color:#147efb}.cursor-dot,.cursor-outline{border-radius:50%;z-index:100;transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease-in-out;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:#000}.cursor-outline{width:30px;height:30px;border:2px solid black;transition-duration:.1s}