#About{position:relative}.about-pic{display:flex;border-radius:10px;height:400px;width:400px}.main-cont{padding-top:2rem;display:flex;gap:4rem}.p3{text-align:center}.title2{font-size:1.3rem;font-weight:700;color:#000}.detail-about-cont{display:flex;gap:2rem;margin-bottom:2rem;margin-top:2rem}.inside-cont{display:flex;flex-direction:column;justify-content:center}.info-ab{color:gray}.arrow{position:absolute;right:-5rem;bottom:2rem}@media screen and (max-width:900px){#About{height:fit-content}.about-pic{width:370px;height:370px}.main-cont{margin:0 3rem;gap:0;flex-wrap:wrap;justify-content:center}}@media screen and (max-width:600px){.about-pic{width:270px;height:270px}.detail-about-cont{flex-wrap:wrap;gap:1rem}}#Contact{position:relative;height:fit-content;margin-bottom:5rem}.contact-cont{margin-top:3rem;display:flex;justify-content:center;gap:1rem}.nav-links{text-align:center;list-style:none;display:flex;gap:1rem}@media screen and (max-width:600px){.nav-links{flex-direction:column;margin-bottom:3rem}.nav-links a{font-size:.9rem}}#Experiance{position:relative}article{text-align:initial;display:flex;gap:1rem;justify-content:center}h3{color:#000}.secont-title{font-size:2rem;color:gray}.articale_cont{padding-top:20px;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.exp-continer{flex-wrap:wrap;padding:20px;justify-content:center;display:flex;gap:1rem}.dt{background-color:#8080802f}#Profile{position:relative;display:flex;justify-content:center;gap:5rem;height:80vh}.main-p-sec{align-self:center}.profile-img{padding:20px 0;border-radius:50%;display:flex;width:400px;height:400px;animation:1s sideAnim ease-in-out}section{padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}.btn{display:flex;gap:1rem;justify-content:center;padding-top:10px}.btn1{font-weight:700;position:relative;padding:10px 15px;border-radius:20px;border:none;background:gray;color:#fff;z-index:0}.btn2{font-weight:700;position:relative;padding:15px;border-radius:20px;border:none;background:#000;color:#fff;z-index:0}.btn1:hover,.btn2:hover{background:transparent;scale:1.1}.btn1:before{position:absolute;content:"";background:linear-gradient(to right,#191a18,#8da895);width:0%;height:100%;left:0;top:0;z-index:-1;border-radius:20px;transition:all .8s ease-in-out}.btn2:before{position:absolute;content:"";background:linear-gradient(to right,#9fa19c,#c7ccc9);width:0%;height:100%;left:0;top:0;z-index:-1;border-radius:20px;transition:all .8s ease-in-out}.btn2:hover:before,.btn1:hover:before{width:100%}.socials{display:flex;padding:10px 0;justify-content:center;gap:1rem}@media screen and (max-width:900px){#Profile{flex-wrap:wrap;height:fit-content;margin:0 1rem;gap:0}}@media screen and (max-width:600px){.profile-img{height:270px;width:270px}}.m-icon{height:3rem;width:3rem}#mobile-nav{display:none}nav,.links{display:flex}nav{height:17vh;justify-content:space-around;align-items:center}.links{gap:2rem;list-style:none}.menue{position:relative}.mb-icon,.xb-icon{height:2rem;width:2rem}.m-links{position:static;z-index:2;background:#808080bd;position:absolute;list-style:none;top:100%;right:0;width:fit-content;height:0;overflow:hidden;transition:all .8s ease-in-out}.m-links a{display:block;padding:10px;text-align:center}.icona.open .m-icon{display:none}.icona.open .x-icon{display:flex}.iconb.open .mb-icon{display:none}.iconb.open .xb-icon{display:flex}.xb-icon{display:none}.m-links.open{height:250px}.logo{position:relative;display:flex;width:150px;height:3rem;text-align:center;flex-direction:column;justify-content:center;background-color:#fff;cursor:pointer}@media screen and (max-width:1024px){#desc-nav{display:none}#mobile-nav{display:flex}section{margin:0}.arrow{display:none}}.pro-continer{padding-top:50px;display:flex;gap:2rem;align-items:center;margin:0 10rem}.main-pro-cont{gap:2rem}.detail-cont{display:flex;flex-direction:column}.pro-img{height:200px;width:200px;border-radius:20px}.w-used{display:flex;gap:1rem}.pp{color:gray}.p-title{color:#646464;margin-bottom:.8rem}.t-used{cursor:pointer;font-weight:700;color:purple;margin-top:1rem;background:#b9b9b9;padding:5px 7px;border-radius:4px}@media screen and (max-width:800px){.pro-continer{margin:0 2rem}}@media screen and (max-width:600px){.pro-continer{flex-direction:column;justify-content:center;align-items:center}.detail-cont{align-self:center;margin:0 3rem}.t-used{flex-wrap:wrap;text-align:center}}#Servises{position:relative}.icon2{height:4rem;width:4rem}.box-cont{box-shadow:0 100px 100px #80808094 inset;border-radius:20px;border-bottom:solid .8rem gray;padding:20px;background:#8080800e;transition:all .4s ease}.box-cont:hover{border-radius:20px;border-bottom:solid .8rem black;padding:20px;background:#fff;scale:1.1}.p3{font-weight:500;color:gray;transition:all .4s ease}.p3:hover{color:#df8d13;font-weight:700}.sev-cont{padding-top:20px;text-align:center;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width:600px){.sev-cont{display:flex;flex-direction:column}}@media screen and (max-width:800px){#Servises{height:fit-content}.sev-cont{margin:0 1rem}}#Tech{margin-top:10rem;position:relative;display:flex;flex-direction:column;gap:1rem;padding-bottom:10px}.icon3{height:4rem;width:4rem}.fl-c{color:#4545f8}.n-c{color:#3c8b3c}.m-c{color:green}.f-c{color:red}.r-c{color:#0ff}.h-c{color:#da8f05}.c-c{color:#3737f5}.p-c{color:#b4b404}.g-c{color:#3fa5a5}.tech-cont{box-shadow:0 0 10px gray;padding:30px;justify-content:center;flex-wrap:wrap;display:flex;gap:2.5rem;border:solid .1rem;border-radius:10px;background:#00000017}@media screen and (min-width:800px){#Tech{height:fit-content}.tech-cont{margin:0 10rem}}*{margin:0;padding:0}.iconb{display:none}body{transition:all .3s ease;font-weight:600}html{scroll-behavior:smooth}a{transition:all .3s ease}.icon{height:2rem;width:2rem;cursor:pointer}.title{text-align:center;font-size:3rem}.p1{text-align:center;color:gray;font-weight:700}.p2{text-align:center;font-size:2rem;color:gray;font-weight:700}a{text-decoration:none;font-size:2rem;color:#000;list-style:none;transition:all .3s ease-in-out;border:transparent}a:hover{border-bottom:solid grey 1px;padding-bottom:5px;border-radius:5px;color:gray}.x-icon,.m-icon{height:1.9rem;width:1.9rem}.x-icon{display:none}.icon3{height:2rem;width:2rem}.detail{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:#fff;border-radius:1.5rem;flex:1;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;text-align:center;color:gray}@media screen and (max-width:800px){section{margin:0 1rem;padding:20px 0}.arrow{display:none}}.ic-2:hover{border-bottom:solid grey .1rem;padding:5px;border-radius:10px;transition:all .3s ease;color:#a9b0b6}.sun{position:absolute;display:flex;transition:all .8s ease-in-out}.moon{position:absolute;display:none;transition:all .8s ease-in-out}.Theme.theme .sun,.Theme.theme .moon{display:flex}body.theme{background-color:red;background:#000}body.theme h1{color:#fff}body.theme .icona{display:none}body.theme .iconb{display:flex}body.theme h2,body.theme h3{color:#bdbaba}body.theme div{background:transparent}body.theme p{color:gray}body.theme .ic-2{color:gray;position:relative}body.theme .ic-2:hover{color:#fff;padding:0 20px 0 0;background:#3d3d3d}body.theme a{color:#fff}body.theme .logo-w{display:none}body.theme .logo-b{display:flex}body.theme .arrow{background:wheat;border-radius:100%}body.theme .t-used{background:#ffffff2d}body.theme .w-used p{color:#8a2be2}.logo-w{display:flex}.logo-b{display:none}dd{text-decoration:none}