@import"https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";.Herodiv{display:flex;justify-content:space-evenly;border-bottom:2px solid #484848}.prog{width:100%}.heroTextContainer{padding:50px}.heroP{font-weight:bolder;font-size:4rem;text-transform:capitalize;font-family:sans-serif;text-wrap:balance}.heroinfo{margin-top:25px;font-size:1rem;font-weight:700;letter-spacing:2px}.contactme{text-transform:capitalize;background-color:#d3e97a;color:#000;margin-top:50px;border:none;outline:none;width:170px;padding:10px;border-radius:15px}.plane{padding:5px;background-color:#d3e97a;color:#000}.contactBtn{background-color:#000;margin-left:10px;border:none;outline:none;height:40px;width:40px;pad:10px;font-size:1.2rem;border-radius:50%;transition:.5s all ease-in}.icon{background-color:#000}.contactBtn:hover{background-color:#d3e97a;color:#000}.heroImg{width:400px;height:400px;padding:30px}@media only screen and (max-width:768px){.Herodiv{display:flex;justify-content:space-evenly;border-bottom:2px solid #484848;flex-wrap:wrap;position:relative}.heroP{font-weight:bolder;font-size:2rem;text-transform:capitalize;text-align:center}.heroImg{height:300px;width:300px;padding:20px}.contactme{background-color:#d3e97a;color:#000;margin-top:50px;border:none;outline:none;width:150px;padding:10px;border-radius:15px}.contactBtn{background-color:#000;color:#d3e97a;margin-left:10px;border:none;outline:none;height:40px;font-size:1.2rem;border-radius:10px}.heroP{font-weight:bolder;font-size:2rem;text-transform:capitalize;font-family:sans-serif}}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:fira sans}body{background-color:#000}.headerContainer{display:flex;justify-content:space-between;padding:10px}.logoText{font-size:2rem;font-weight:bolder;text-transform:capitalize}.linkContainer{text-decoration:none;color:#000}.headerLink{margin:10px;text-decoration:none;text-transform:capitalize;font-size:1.2rem}.mobileHeader{display:none}.openBtn{width:150px;border:none;outline:none;font-size:2rem;display:none;background:#000}@media only screen and (max-width:768px){.linkContainer{display:none}.openBtn{width:150px;border:none;outline:none;font-size:2rem;display:block}.mobileHeader{display:block;text-align:center;margin:10px;height:100%}@keyframes slidingBar{0%{transform:translate(-50px)}}.mobLinkCont{box-shadow:-2px 2px 2px 2px #000;animation-name:slidingBar;animation-duration:.5s}.headerContainer{display:flex;justify-content:space-between}.mobniLink{text-decoration:none;text-transform:capitalize;font-size:1rem;margin:10px;display:block;padding:10px}}.projectParentcontainer{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.Feature{font-size:28px;margin-bottom:10px;text-transform:capitalize}.projP{font-size:16px;margin-bottom:20px;text-transform:capitalize}.projectContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.projBox{background-color:#534545;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;text-align:left}.projBox:hover{transform:translateY(-5px)}.projImg{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.projHeader{font-size:20px;margin:10px 0;text-transform:capitalize}.projInf{font-size:14px;margin-bottom:10px}.prjLink{box-shadow:0 4px 8px #e903031a;font-size:18px;margin-right:10px;transition:color .3s ease;padding:9px;width:100%;text-decoration:none;border-radius:10px}.prjLink:hover{color:#007bff}@media (max-width: 768px){.Feature{font-size:24px}.projP{font-size:15px}.projHeader{font-size:18px}.projInf{font-size:13px}}@media (max-width: 480px){.Feature{font-size:22px}.projP{font-size:14px}.projBox{padding:10px}}.ContParentContainer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px;max-width:900px;margin:0 auto}.submitButton{width:100%;padding:12px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box}.submitButton:hover{background-color:#0056b3}.submitButton:focus{outline:none;background-color:#004085}.contactCont{flex:1;min-width:280px;max-width:400px}.let,.hello{font-size:18px;margin:15px}.iconDiv{display:flex;gap:15px;margin:10px}.contactLink{color:#555;text-decoration:none;transition:color .3s ease}.contactLink:hover{color:#007bff}form{flex:1;min-width:280px;max-width:400px;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.nameInput{margin-bottom:15px}.inputname{font-size:14px;font-weight:600;color:#333;margin-bottom:5px}.input,.messageInput{width:100%;padding:10px;font-size:16px;outline:none;border-radius:4px;box-sizing:border-box;background-color:transparent}.input:focus,.messageInput:focus{border-color:#007bff;outline:none}.messageInput{height:100px;resize:none}@media (max-width: 768px){.ContParentContainer{flex-direction:column;align-items:center;padding:15px}.submitButton{padding:10px;font-size:15px}.contactCont,form{max-width:100%}.let,.hello{font-size:16px}.input,.messageInput{padding:8px;font-size:15px}}@media (max-width: 480px){.let,.hello{font-size:14px}.input,.messageInput{padding:7px;font-size:14px}.messageInput{height:80px}}.skillSection{display:flex;justify-content:space-between;margin:20px}.skill_img{height:100px;width:100px;margin:10px}.capabillities{font-size:2rem;font-weight:bolder;text-transform:uppercase}.skill{display:grid;grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:768px){.skillSection{display:flex;justify-content:space-between;justify-content:center;text-align:center;flex-wrap:wrap;margin:20px}.skill_img{height:80px;width:80px;margin:10px}.capabillities{font-size:1.5rem;font-weight:bolder;text-transform:uppercase;text-align:center}.skill{margin-top:20px}}.portImg{padding:20px;border-radius:5rem}.aboutTextBox{display:flex;justify-content:space-evenly}.sideDiv{margin-top:60px}.aboutP{line-height:50px;line-break:auto}.aboutM{text-transform:capitalize;font-size:2.5rem}@media only screen and (max-width:768px){.portImg{width:100%}.aboutP{line-height:40px;line-break:auto}}