.container{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;font-size:1.4rem;font-weight:bolder;color:#dcd0d0;text-transform:capitalize;position:relative;z-index:1}.nav2 img{height:55px;border-radius:50%;border:2px solid cyan;filter:drop-shadow(1px 5px 5px rgb(179,206,206)) brightness(1.1)}.nav2 img:hover{transform:translateY(-5px)}.navb{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#041627}.navb1{color:#e9d9d9;text-transform:capitalize}.navb1:hover{box-shadow:5px 7px 18px #02091366;transform:translateY(-2px)}.bars{display:none;width:30px;cursor:pointer}@media (max-width: 900px){.container{position:relative}.nav3{display:none}.nav4,.bars{display:flex}.navb{position:absolute;top:100%;left:0;width:100%;gap:2rem;flex-direction:column;overflow:hidden;transition:.6s;box-shadow:5px 7px 18px #b8c5da66}}@media (max-width: 550px){.navb{padding-bottom:10px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}body,html{height:100%;width:100%;background-color:#061a2b;color:#fff}.main{padding-inline:5px}#btns .btns{display:flex;font-weight:700;justify-content:center;align-items:center;width:11rem;margin-top:15px;padding:10px;background-color:#1b336b;color:#fff;font-size:.9rem;border-radius:7px}.btns:hover{box-shadow:7px 9px 7px #23cce266;transform:translateY(-2px)}.heroimg{height:300px;width:50%;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:.6s}.hero{width:100%;padding:80px 10% 50px;margin-top:80px;height:80vh;display:flex;justify-content:space-between;align-items:center}.heroinfo{width:50%;padding:15px 0}.heroinfo h1{font-size:3rem;margin-bottom:20px}.heroinfo h2 span{color:#0ff;filter:drop-shadow(0 0 10 yellow);position:relative}.hero p{margin:20px 0}.heroimg img{background-color:#0ff;width:26vw;height:26vw;border-radius:50%;object-fit:cover;transition:.6s;filter:brightness(.65);box-shadow:5px 5px 18px 9px #3f7bda66}.heroimg img:hover{box-shadow:3px 3px 5px 18px #5c94e866;transform:translateY(-10px)}.heroicon i{margin:10px 0;height:50px;width:50px;font-size:28px;border-radius:50%;transition:.6s;display:flex;color:#a5d9ea;align-items:center;justify-content:center;box-shadow:0 0 15px #4b658d66}.heroicon{display:flex;align-items:center;justify-content:start;gap:20px}.heroicon i:hover{color:#fff;box-shadow:7px 9px 10px #74a1e466}@media (max-width: 900px){.hero{flex-direction:column;padding:0 10%}.heroinfo{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-bottom:50px}.heroicon{display:flex;justify-content:center;align-items:center}.heroinfo h1,.heroinfo p,.btns{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-bottom:20px}.heroimg{width:100%;display:flex;align-items:center;justify-content:center}.heroimg img{width:300px;height:300px}.heroinfo{margin-bottom:7px}.heroinfo p{text-align:center}}@media (max-width:550px){.heroimg img{width:250px;height:250px}.heroinfo h1{font-size:2rem}.heroinfo{margin-bottom:3px}}#about{position:relative;width:100%;padding:40px 10% 30px;height:100vh;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:.5rem;border-top:1px solid rgb(37,44,44)}.aboutimg{width:400PX;height:400PX;position:relative}.aboutskill{border-bottom:2px solid cyan}.outside1{width:100%;padding:0;background-color:#fff;border-radius:25px;color:#ded4d4}.aboutimg img{width:100%;height:100%;filter:brightness(.65);border:2px solid cyan;object-fit:cover;border-radius:50%;object-position:0 25%;transition:.6s;box-shadow:5px 5px 18px 10px #3f7bda66}.aboutimg img:hover{box-shadow:2px 2px 2px 10px #6698e466;transform:translateY(-10px)}.aboutinfo{width:40%;display:flex;justify-content:flex-start;flex-direction:column;align-items:start}.aboutinfo h1{margin-bottom:10px;font-size:1.5rem;font-weight:400}.aboutinfo h3 span{border-bottom:2px solid cyan}.aboutinfo h2{font-size:2rem;font-weight:400;color:#0ff}.aboutinfo #btns{margin-top:25px}.aboutinfo p{line-height:3rem}@media (max-width: 1000px){.aboutimg{width:300px;height:300PX}.aboutimg img{width:100%;height:100%}#about{text-align:center;height:35vh;padding:30px 10%;line-height:3rem;margin-bottom:3rem;margin-top:4rem}}@media (max-width: 550px){.aboutinfo h1{font-size:1.3rem}.aboutinfo h3{margin:10px 0}.aboutinfo h3 span{font-size:1.1rem}.aboutinfo h2{font-size:1.5rem}.aboutinfo p{margin-top:10px;line-height:1.1rem;text-align:center}.aboutimg img{position:relative}.aboutinfo #btns .btns{width:8rem;height:2.5rem;font-size:.7rem}#about{position:relative;height:100vh;width:100%;display:flex;line-height:1.5rem;align-items:center;justify-content:center;flex-direction:column-reverse}.aboutinfo{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:18px}.aboutimg{width:200px;height:200px;margin-top:1.5rem;display:flex;justify-content:center;align-items:center}.aboutinfo #btns{margin-top:15px;display:flex;align-items:center;justify-content:center}}#services{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:3% 7%;border-top:1px solid rgb(33,40,40)}.services p,.services h1{text-align:center}.services h1{font-size:3rem;font-weight:400;border-bottom:2px solid cyan;margin-bottom:10px}.servicecards{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:50px;width:80vw}.servicecard{display:flex;border:2px solid cyan;border-radius:5%;flex-direction:column;gap:15px;padding:18px;position:relative;overflow:hidden;transition:.6s}.servicecard:after{content:"";position:absolute;left:-50%;top:-50%;height:200px;width:20px;background-color:#f2ff00;filter:blur(50px);transition:.8s;transform:rotate(30deg)}.servicecard:hover:after{left:200%}.servicecard p{text-align:start}.servicecard:hover{border-color:red;box-shadow:0 11px 16px red;transform:translateY(-10px)}.servicecard h3{letter-spacing:.9;color:#7fffd4;font-size:1.4rem;transition:.6s}.servicecard:hover h3,.servicecard:hover #serviceid{color:#7bd5d5}.servicecard a{color:#c5e9de;display:flex;gap:7px;align-items:center;border:2px solid rgb(97,186,208);width:65%}#serviceid{color:#fff;font-size:2.3rem}@media (max-width: 900px){.servicecards{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);margin-top:50px}#services{margin-top:2rem}}@media (max-width: 550px){.servicecards{display:grid;gap:9px;grid-template-columns:repeat(1,1fr);margin-top:50px;width:78vw}.services h1{font-size:2.5rem;font-weight:400;border-bottom:2px solid cyan;margin-bottom:10px}}.contact{width:100%;padding:50px 10%;display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid rgb(26,48,48);margin-top:2.5rem}.contact h1{font-size:2.5rem;font-weight:400;border-bottom:2px solid cyan;display:inline}form .errmsg{width:80%}.contact p{width:90%;margin-top:22px;font-size:1.1rem}.contact div{width:25%}form{width:55%;display:flex;flex-direction:column;gap:15px;font-size:1.1rem;border:2px solid cyan;padding:2rem}form input{font-size:1.1rem;height:35px;width:100%;margin-bottom:20px;padding:0;outline:none;border:none;border-radius:5px}form input:hover,form input:focus{box-shadow:5px 5px 10px #0ff;border-color:#0ff}@media (max-width: 980px){.contact{flex-direction:column}.contact div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}form{width:95%;border:2px solid cyan;padding:2rem}}form .formbtn{padding:8px;font-size:1rem;font-weight:700;background-color:#3c7ee266;color:#fff;width:9rem;border-radius:5px}form .formbtn:hover{filter:drop-shadow(4px 4px 5px cyan)}.Project{width:100%;padding:20px 10%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border-top:1px solid rgb(26,48,48)}#Projects{margin-top:27px}.Project h2,.project p{text-align:center;color:#fff}.Project h2{font-size:3rem;font-weight:400;border-bottom:2px solid cyan;margin-bottom:10px}.projectcards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:50px}.projectcard{width:41%;border:2px solid cyan;position:relative;overflow:hidden;border-radius:5px}.projectcard img{width:100%;height:260px;transition:.2s}.projectcard:hover img{transform:scale(1.05)}.projectcard div{position:absolute;top:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;gap:8px;transition:.8s;text-align:center;padding:25px;background:#0009}.projectcard div h1{font-size:2.5rem;color:#dbcfcf}.projectcard div a{padding:8px 12px;background-color:#fff;color:#000;font-weight:500;display:flex;gap:8px;align-items:center;margin-top:5px;font-size:15px}.projectcard:hover div{top:0}@media (max-width:950px){.projectcard{width:80%}.projectcard div{top:180%}.projectcard div h1{font-size:1rem}.projectcard div p{font-size:.7rem}.projectcard div a{font-size:.7rem;padding:5px 8px;font-weight:200;gap:4px;margin-top:3px}}@media (max-width:550){.projectcard{width:100%}.projectcard div h1{font-size:.5rem}}.footer{display:grid;grid-template-columns:60% 20% 20%;width:100%;padding:50px 10%;border-top:1px solid rgb(26,48,48)}.footerlinks,.footerlinks ul{display:flex;flex-direction:column;gap:20px}.footerlinks ul a{color:#ebf0f5}.footerlinks ul a:hover{color:#28c9d4;filter:drop-shadow(4px 8px 2px rgb(56,129,129));transform:translateY(-5px)}.footersocial{display:flex;gap:20px;margin-top:20px}.footersocial i{font-size:1.5rem;transition:.8s;color:#fff}.footersocial i:hover{filter:drop-shadow(0 8px 10px cyan);transform:translateY(-5px) scale(1.05)}@media (max-width:500px){.footer{grid-template-columns:repeat(1,1fr);gap:2rem}.footerlinks{margin:35px o}}