.about-wrapper{margin-top:2rem;overflow-x:clip}.about-container{display:flex;justify-content:space-between;flex-wrap:wrap}.about-container>div{flex:1}.about-image>img{width:400px;height:223px}.about-title>h2{color:#0775f0;font-size:1.4rem;font-weight:600}.about-image{margin-bottom:2rem}@media (max-width:768px){.about-container{flex-direction:column}.about-image{display:flex;justify-content:center}.about-image>img{width:300px;height:167.25px}}@media (max-width:1024px){.container-contact{flex-direction:column}}.container-contact{display:flex;flex-wrap:wrap;gap:4rem}.container-contact>div{flex:1}.contact-title>h3{font-size:1.4rem;color:#0775f0;font-weight:600}.email{display:flex;flex-direction:column}.input-container>button{width:100%;margin-top:8px}.contact-button{font-weight:500;font-size:1rem}.mail{display:flex;align-items:center;gap:.5rem;color:#000}.top-input-fields{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.each-input{display:flex;flex-direction:column;gap:.2rem}.input{padding:.6rem;outline:none;border:2px solid rgb(222,222,222);border-radius:4px}.input-container{margin:auto;max-width:500px}.mailId>p{font-size:1rem;font-weight:500}.copyrights{margin-top:1rem;text-align:center;opacity:.8}@media (max-width:1024px){.about-container{flex-direction:column}}@media (max-width:640px){.each-input{width:100%}.para{padding:0}.container-contact{gap:2rem}}.h-container{color:#000}.h-wrapper{position:sticky;top:0;z-index:1111;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;position:relative;overflow-x:clip}.nav-logo{display:flex;justify-content:center}.logo{width:250px;object-fit:cover;object-position:center}.nav-items{display:flex;gap:2rem;font-size:1.1rem;font-weight:500;align-items:center;justify-content:center}.menu-icon{display:none}.nav-items>li>a{transition:all .3s ease-in}.nav-items>li>a:hover{color:#f8ca0b}@media (max-width:760px){.menu-icon{display:block}.nav-items{width:100%;height:350px;position:absolute;flex-direction:column;top:4.5rem;right:0rem;padding:2rem;background:rgba(248,202,11,.75);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);border:1px solid rgba(255,255,255,.18);transition:all .3s ease-in-out;border-radius:14px}.nav{padding:1rem}.nav-items>li>a:hover{color:#000}}@media (max-width:500px){.logo{width:150px}}.hero-wrapper{margin:4rem 0}.profile-innerContainer{display:flex;justify-content:space-evenly;gap:1rem}.hero-left{display:flex;flex-direction:column;gap:8px}.hero-title>h1{font-size:2rem;line-height:3rem;font-weight:600}.hero-intro{margin-top:1rem;font-size:1.2rem}.social-links{display:flex;gap:1rem;align-items:center}.social-links>a>img{width:30px;height:34.28px}.social-links>a>img{transition:all .3s ease-in}.social-links>a>img:hover{scale:1.1}.tech-stack{display:flex;justify-content:center;align-items:center;gap:2rem;max-width:1000px}.tech-stack-icons>img{width:40px;height:40px}.techstack-title{display:flex;justify-content:center;font-weight:600;font-size:1.2rem}.tech-stack-icons{display:flex;flex-wrap:wrap;align-items:center;gap:3.5rem;margin:0 auto}.stack-container{display:flex;flex-direction:column;gap:10px}.hero-right{display:flex;justify-content:center}.image-container{width:250px;height:250px}.image-container>img{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:250px}@media (max-width:768px){.hero-wrapper{margin:0}.profile-innerContainer{flex-direction:column-reverse}.hero-title{text-align:center}.profile-container{margin:1rem 0rem}.social-links>a>img:hover{scale:1}}@media (max-width:640px){.hero-title>h1{font-size:1.5rem}.techstack-title{font-size:1rem}.profile-innerContainer{flex-direction:column-reverse}.tech-stack{gap:.3rem}.tech-stack-icons{gap:1rem}.tech-stack-icons img{width:25px}.image-container>img{width:280px;margin:0}}.innerContainer{display:flex;justify-content:space-between;margin-bottom:3rem;flex-wrap:wrap}.innerContainer>div{flex:1;position:relative}.project-wrapper{overflow-x:clip}.project-image>img{width:350px;height:200.45px;border-radius:9px;margin-bottom:1rem;transition:all .3s ease-in;border:2px solid rgb(222,222,222)}.project-title{font-size:1.3rem;color:#484747;font-weight:600}.project-details{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.project-buttons{display:flex;gap:1rem}.stack{display:flex;gap:1rem;color:#000;font:.9rem;font-weight:500;flex-wrap:wrap}.buttons-inside{display:flex;align-items:center;gap:.3rem;font-size:1rem;font-weight:500}@media (max-width: 1023px){.innerContainer{gap:1rem}.alignCenter{display:flex;justify-content:center}.project-image>img:hover{scale:1}.innerContainer{flex-direction:column;padding:0}}@media (max-width: 768px){.project-title,.project-description{text-align:center}.stack{display:flex;justify-content:center}.project-buttons{justify-content:center}.project-image>img{display:flex;align-items:center;width:300px}.alignCenter{display:flex;justify-content:center}}@media (max-width:600px){.project-buttons{justify-content:start}.project-description{text-align:initial}.stack{justify-content:start}.project-title{text-align:initial}.project-image>img{width:328px}}@media (max-width:330px){.project-image>img{width:290px}}*{box-sizing:border-box;margin:0;padding:0;list-style:none;scroll-behavior:smooth;font:inherit}body{font-family:Poppins,sans-serif;overflow-x:hidden;--sb-track-color: #e2e2e2;--sb-thumb-color: #0775f0;--sb-size: 8px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:11px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:11px}a{text-decoration:none;color:#000}.paddings{padding:3rem 8rem}.innerWidth{width:100%}.Heading{margin-bottom:10px;color:#0775f0;font-size:1.4rem;font-weight:600}.flexCenter{display:flex;justify-content:center;align-items:center}.primaryText{font-size:2rem;font-weight:600}.secondaryText{font-size:1.2rem;font-weight:500;color:#4f4f4f}button{border:none;border-radius:8px;padding:.6rem 1rem;background:#2189ff;font-weight:500}@media (max-width:640px){.paddings{padding:1rem}.primaryText{font-size:1.5rem;font-weight:600}.secondaryText{font-size:1rem;font-weight:500}}@media (min-width: 1200px){.innerWidth{max-width:1280px;margin:auto}}
