.About-continer{width:100%;height:80vh}.img-About img{width:250px;height:300px;padding:25px 100px;border-radius:10px}.img-About img{border:1px solid}.About-section{display:flex;justify-content:space-around}.About-text{display:flex}@media (max-width: 600px){.About-section{display:grid;grid-template-rows:auto;padding:10px}}.about-hero-exper{display:flex;width:80%;justify-content:center;margin:auto}.about-exper{padding-top:50px;display:flex;justify-content:space-around;gap:70px}.span1{color:purple;display:flex;justify-content:center}.skill-hover div:hover{background-color:#faebd7}.main-cart-continer{display:grid;grid-template-columns:auto auto auto;gap:2rem}@media (max-width: 880px){.main-cart-continer{display:grid;grid-template-columns:auto auto;gap:2rem;background-repeat:repeat}.service-cart{max-width:150px;max-height:260px}}@media (max-width: 600px){.main-cart-continer{display:grid;grid-template-columns:auto}}.img-all{width:150px;height:180px}.service-continer{display:flex;width:100%;height:100%;justify-content:center;border-radius:10px;box-shadow:0 1px 3px #00000026,0 1px 3px #0000003d;background-repeat:repeat;margin:auto}@media (max-width: 600px){.service-continer{display:flex;left:200px}}.main-cart-continer div{border:1px solid;margin:10px 0;width:200px;height:280px;text-align:center;border-radius:10px;background-color:#fff;box-shadow:1px 1px 1px 1px #76797a}.service-cart:hover{transform:scale(1.1);transition:1s}.service-cart button{font-size:1rem;padding:2px;border-radius:8px;border:1px solid}.service-cart button:hover{transform:scale(1.1);transition:1s}.service-cart button:active{background-color:salmon}*{font-family:Gill Sans,sans-serif;list-style:none}body{text-transform:uppercase}h1{text-align:center}h3{margin:5px}.skill{width:500px;height:500px;margin:60px auto;color:#635d5d;padding:20px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}@media (max-width: 600px){.skill{max-width:300px;height:auto}}.skill li{margin:20px 0;padding:10px}.bar{background:#353b48;display:block;height:20px;border:1px solid rgba(0,0,0,.3);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000026,0 1px 3px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.bar:hover{box-shadow:1px 14px 28px #00000040,0 10px 10px #00000038}.bar span{height:20px;float:left;background:linear-gradient(135deg,#fc008c,#fc6767)}.html{width:90%;animation:html 3s}.css{width:70%;animation:html 3s}.java{width:60%;animation:html 3s}.react{width:70%;animation:html 3s}.node{width:50%;animation:html 3s}@keyframes html{0%{width:0%}70%{width:90%}}@keyframes css{0%{width:0%}to{width:70%}}@keyframes java{0%{width:0%}to{width:60%}}@keyframes react{0%{width:0%}to{width:90%}}@keyframes node{0%{width:0%}to{width:90%}}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.card{width:100%;max-width:400px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a}.title{text-align:center;font-size:24px;font-weight:700;margin-bottom:16px}.form{display:flex;flex-direction:column;gap:12px}.input,.textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.textarea{height:100px;resize:none}.button-container{text-align:center}.button{width:100%;padding:10px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.button:hover{background-color:#1e4bbd}.fotter-continer{width:1005;height:30vh;background-color:#333}.fotter-continer-section{display:flex;justify-content:center;gap:20px;padding:40px 0}.fotter-continer-section a{color:#f0f8ff;font-size:.9rem}.hover-fotter hr:hover{border:3px solid black;transform:translateY(7px);transition:1s}.facebook:hover{color:#00f}.what:hover{color:green}.insta:hover{color:#8b008b}.icons{cursor:pointer}.continer-Header{width:100%;height:60vh;background-color:#141313}@media (max-width: 600px){.continer-Header{flex:80%}}.img-Header img{width:200px;height:200px;border-radius:50%;border:1px solid;color:#fff}.img-Header img:hover{border:1px solid black}.img-Header{display:flex;justify-content:center;padding-top:30px}.body-Header{text-align:center}.Header-button button{border-radius:20px;border:1px solid black;width:150px;height:50px;font-size:1.2rem;background:linear-gradient(180deg,#c633d0,#cbd5d0 60%)}.body-Header{color:#fff}body{margin:0;font-family:Arial,sans-serif}.Navbar-continer{position:sticky}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:10px 20px;color:#fff}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none}.nav-links li{margin:0 15px}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-links a:hover{color:#f4a261}.hamburger{display:none;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background-color:#333;border-radius:5px;padding:10px}.nav-links.open{display:flex}.hamburger{display:block}.nav-links li{margin:10px 0}}