@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,serif}a{text-decoration:none;color:#2d2e32;transition:ease-in-out .6s}a:hover{color:#3a92fb}.header-container{width:100%;padding-block:25px;background-color:#fff;box-shadow:5px 5px 10px #0101011a;position:sticky;top:0;z-index:1}.nav-container{max-width:1150px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-inline:30px}.logo{color:#4d4e51;font-size:13px;font-weight:900;cursor:pointer}.nav-list{display:flex;align-items:center;gap:22px}.nav-link{font-size:1rem;color:#4d4e51;transition:ease-in-out .6s;cursor:pointer;font-weight:600}.nav-link:hover{color:#3a92fb}.hambar-container{display:none}.hambar{font-size:30px;cursor:pointer}.Home-section{width:100%;background-color:#f9f9f9}.home-container{max-width:1030px;padding-inline:30px;margin:0 auto;display:flex;justify-content:space-between;padding-top:50px}.home-left--content{width:45%;display:flex;flex-direction:column;gap:22px}.title{font-size:3.5rem;color:#2d2e32}.hand{width:40px}.tag-line{font-size:17px;color:#4d4e51}.icon{font-size:30px;cursor:pointer;color:#4d4e51;transition:ease-in-out .5s}.icon:hover{color:#3a92fb}.git{margin-left:16px}.home-right--content{width:45%}.image-container{width:80%}.profile-image{max-width:100%;border-radius:50%;border:3px solid black;animation:curve 10s ease-in-out infinite}@keyframes curve{20%{border-top-right-radius:200px}50%{border-bottom-right-radius:300px}70%{border-top-left-radius:200px}to{border-top-right-radius:200px}}.parent--skill-container{max-width:1030px;padding-inline:30px;margin:40px auto 0}.skill-container{display:flex;align-items:center;gap:50px}.tech-text{color:#4d4e51}.tech-text span{margin-left:10px}.icons-container{display:flex;gap:40px}.icons-container img{transition:ease-in-out .8s}.icons-container img:hover{cursor:pointer;transform:translateY(-10px)}.about-container{max-width:1030px;padding-inline:30px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-block:130px}.about-image--container{width:45%;position:relative}.about-image--container img{max-width:100%;border-radius:15px}.about-text-container{width:45%;display:flex;flex-direction:column;gap:15px}.about-title,.contact-title,.location-icon,.email-icon{color:#3a92fb}.about-heading,.contact-heading,.location-text{color:#2d2e32}.about-me{color:#4d4e51}.animation{width:180px;height:180px;background-color:#fff;border-radius:100%;position:absolute;bottom:-45px;right:-35px;display:flex;justify-content:center;align-items:center}.animation img{width:60px}.circle-wrapper{position:relative;display:inline-block}.circle-image{display:block;width:100px;height:100px;border-radius:50%;position:relative}.circle-text{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);pointer-events:none}.project-main--container{background-color:#f9f9f9;padding-block:50px}.project-container{max-width:1030px;padding-inline:30px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.project{width:100%;display:flex;gap:200px}.image{width:40%;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;box-shadow:5px 5px 10px #0101011a;display:flex}.project .image img{max-width:100%;border-radius:18px}.project2{display:flex;justify-content:center}.project2 h2{color:#4d4e51}.about-project{width:40%}.project-summary{margin-top:10px;opacity:.8}.demo-container{margin-top:10px;display:flex;gap:80px}.code{display:flex;gap:2px}.code-icon{font-size:20px;margin-left:5px}.tech-stack{margin-block:10px}.contact-main--container{padding-block:100px}.contact-container{max-width:1030px;padding-inline:30px;margin:0 auto;display:flex;flex-direction:column;gap:50px}.second-contact{display:flex;align-items:center;gap:80px}.location-container,.email-container{display:flex;gap:20px;align-items:center}.location,.email{width:40px;height:40px;box-shadow:5px 5px 10px #0101011a;border-radius:50%;display:flex;justify-content:center;align-items:center}.bg-color{background-color:#f9f9f98e}.experience-content p{opacity:.8}#exp-title{font-weight:600}.footer-main--container{background-color:#2d2e32;padding-block:55px;color:#fff}.footer-container{max-width:1030px;padding-inline:30px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-icon-container{display:flex;gap:15px}.footer-icon-linkedin,.footer-icon-git{color:#fff;font-size:30px;transition:ease-in-out .5s}.footer-icon-git:hover,.footer-icon-linkedin:hover{transform:translateY(-8px)}.sidebar{width:100%;height:100vh;background-color:#f9f9f9;position:fixed;top:0;left:0;z-index:5}.side-nav-list{width:30%;height:50vh;margin:150px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.side-nav-list p{font-size:20px}.x-container{position:absolute;right:10px;top:15px}.x-icon{font-size:35px}@media (max-width:900px){.nav-list{display:none}.hambar-container{display:block}.home-container{flex-direction:column-reverse;align-items:center}.tag-line,.git-link{text-align:center}.skill-container{flex-direction:column}.parent--skill-container,.home-container{max-width:500px}.home-left--content{width:100%}.title{text-align:center}.about-text-container{width:100%}.home-right--content{width:100%;display:flex;justify-content:center}}@media (max-width:1000px){.about-container{flex-direction:column;gap:15px}.about-text-container{text-align:center}}@media (max-width:740px){.contact-container{align-items:center}.second-contact{flex-direction:column;justify-content:center}}@media (max-width:628px){.home-container,.parent--skill-container{max-width:350px}.icons-container{flex-wrap:wrap;justify-content:center}.location-container,.email-container{flex-direction:column;text-align:center}.first-contact{text-align:center}.home-left--content,.tag-line{width:100%}.title{font-size:2.5rem}}@media (max-width:675px){.animation{display:none}.about-image--container{width:90%}.project{width:70%}.project-summary,.project-name{text-align:center}.demo-container{justify-content:center}}@media (max-width:574px){.project{width:90%}}@media (max-width:428px){.footer-container{flex-direction:column;gap:15px}}@media (max-width:350px){.title{font-size:2rem}.project2,.footer-container{text-align:center}}@media (max-width:325px){.about-image--container,.about-text-container{width:100%}.about-heading{font-size:16px}}@media (max-width:894px){.project{flex-direction:column;align-items:center;gap:20px;margin-top:10px}.project-container{align-items:center}.image,.about-project{width:50%}}@media (max-width:777px){.image,.about-project{width:80%}}