@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Saira:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.main{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative}.about{margin-top:110px;width:100%;height:100%;padding:20px;animation-name:fade;animation-duration:2s;position:relative;font-family:Open Sans,sans-serif}.inner-about{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:70px}.inner-1{width:100%;height:30%;display:flex;justify-content:center;flex-direction:column;align-items:center}.inner-2{width:100%;height:70%;display:flex;flex-direction:column}.profile{width:260px;border-radius:100%}.about-data{padding:20px 25px;display:flex;text-align:center;justify-content:center;font-family:Open Sans,sans-serif;flex-direction:row}.about-data button{width:150px;height:40px;border-radius:4px;border:2px solid #2563eb;background-color:#f3efef;color:#000;font-family:Open Sans,sans-serif;font-size:17px;cursor:pointer;transition:.3s ease}.about-data button:hover{border:0px solid #2563eb;background-color:#2563eb;color:#fff}.contact-icons{width:100%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:row}.icons{margin:0 10px}@keyframes fade{0%{top:20px;opacity:0}to{top:0;opacity:1}}.arrow{display:flex;justify-content:center;align-items:center;padding-top:0;position:relative;z-index:3;animation-name:arrow;animation-duration:1.5s;animation-iteration-count:infinite}@keyframes arrow{0%{top:0}50%{top:10px}to{top:0}}.name{margin-bottom:10px;font-size:60px;font-weight:400}@media screen and (max-width: 783px){.name{text-align:center;font-size:35px}}.projects-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.heading{width:100%;height:10%;text-align:center;padding:25px}.heading h2{color:#89b1a8;font-size:50px}.project-stuff{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.grid-item{border:1px solid rgba(202,189,189,.929);border-radius:7px;overflow:hidden;font-size:30px;text-align:center;height:330px;display:flex;justify-content:center;align-items:center;flex-direction:column}.grid-image{max-width:100%;height:60%;display:flex;justify-content:center;align-items:center}.image-api{max-width:100%;transition:.5s ease}.grid-item:hover .image-api{max-width:120%}.grid-text{width:100%;height:40%;font-size:15px;background-color:#fff;padding:15px}.pro-name{text-align:left;margin-bottom:10px}.links{display:flex;align-items:center}.links .demo{margin-left:20px}.links p{cursor:pointer}@media (max-width: 768px){.grid-item{border:1px solid rgba(243,238,238,.929);border-radius:7px;overflow:hidden;font-size:30px;text-align:center;height:350px;display:flex;justify-content:center;align-items:center;flex-direction:column}.grid-image{max-width:100%;height:60%}.image-api{max-width:100%}.grid-text{width:100%;height:40%;font-size:15px;background-color:#fff;padding:15px}.pro-name{text-align:left;margin-bottom:10px}.links{display:flex;align-items:center}.links .demo{margin-left:20px}.links p{cursor:pointer}}@media (max-width: 480px){.grid-item{border:1px solid rgba(243,238,238,.929);border-radius:7px;overflow:hidden;font-size:30px;text-align:center;height:292px;display:flex;justify-content:center;align-items:center;flex-direction:column}.grid-image{max-width:100%;height:50%}.image-api{max-width:100%}.grid-text{width:100%;height:50%;font-size:15px;background-color:#fff;padding:15px}.pro-name{text-align:left;margin-bottom:10px}.links{display:flex;align-items:center}.links .demo{margin-left:20px}.links p{cursor:pointer}}.main-stuff{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;padding:0 5px;margin-bottom:50px}.main-stuff div{width:100%;height:24%;margin-top:40px}.stuff-1,.stuff-2,.stuff-3,.stuff-4{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:5px}#stuff-1-data{width:60%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}#stuff-1-vd{width:40%;height:100%;display:flex;align-items:center;justify-content:center}#stuff-2-data{width:60%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}#stuff-2-vd{width:40%;height:100%;display:flex;align-items:center;justify-content:center}#stuff-3-data{width:60%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}#stuff-3-vd{width:40%;height:100%;display:flex;align-items:center;justify-content:center}#stuff-4-data{width:60%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}#stuff-4-vd{width:40%;height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 950px){.stuff-1,.stuff-2,.stuff-3,.stuff-4{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:5px}}.me{width:100%;background-color:#17191b;font-family:Open Sans,sans-serif}.me-main{display:flex;justify-content:center;align-items:center;flex-direction:column;height:550px}.me-head{color:#fff;width:100%;height:15%;display:flex;justify-content:center;align-items:center}.me-head h1{padding-top:40px;font-weight:400}.me-body{width:100%;height:85%;display:flex;justify-content:center;align-items:center;flex-direction:row}.img{border-radius:7px;width:80%}.me-body-img1{width:50%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px}.me-body-img2{width:50%;height:100%;display:flex;justify-content:center;align-items:center;color:#ffffffa1;flex-direction:column;padding-right:50px}.skill-set{width:100%;height:29%;display:flex;justify-content:start;align-items:center;padding:10px;margin-top:15px}.frontend{width:180px;height:100%;background-color:#5b847b;border-radius:5px;padding:15px}.backend{width:180px;height:100%;background-color:red;margin-left:10px;background-color:#5b847b;border-radius:5px;padding:15px}@media screen and (max-width: 875px){.me-main{display:flex;justify-content:center;align-items:center;flex-direction:column;height:750px}.me-body{width:100%;height:85%;display:flex;justify-content:center;align-items:center;flex-direction:column}.me-head h1{padding-top:0;font-weight:400}.me-body-img1{width:91%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px}.me-main{display:flex;justify-content:center;align-items:center;flex-direction:column;height:893px}.me-body-img2{width:73%;height:100%;display:flex;align-items:center;color:#ffffffa1;flex-direction:column;padding-right:0;text-align:center}.skill-set{width:100%;height:43%;display:flex;justify-content:center;align-items:center;padding:10px;margin-top:15px}}@media screen and (max-width: 470px){.me-main{display:flex;justify-content:center;align-items:center;flex-direction:column;height:850px}.me-head{color:#fff;width:100%;height:10%;display:flex;justify-content:center;align-items:center}.me-body-img1{width:91%;height:76%;display:flex;justify-content:center;align-items:center;padding:0}.img{border-radius:7px;width:91%}.me-body-img2{width:86%;height:100%;display:flex;justify-content:space-evenly;align-items:center;color:#ffffffa1;flex-direction:column;padding-right:0;text-align:center}.skill-set{width:100%;height:36%;display:flex;justify-content:center;align-items:center;padding:10px;margin-top:15px}}.body{width:100%;background-color:#00f;height:100vh;overflow-y:scroll;background-color:#fff;font-family:Open Sans,sans-serif}.inner-body{width:100%;background-color:transparent;display:flex;flex-direction:column;position:relative;z-index:3}.background{width:100%;height:100%;position:absolute;z-index:-2;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px}.background-1:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-2:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-3:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-4:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-5:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-6:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}.background-7:after{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:2}.background-7 div{width:99%;height:100%;position:absolute;z-index:2}.background-7 div:before{content:"";display:flex;width:.2px;height:220px;background:#beb7b7;position:relative;margin-top:50px;top:0;left:100%;animation-name:backgroundani;animation-duration:1s;animation-iteration-count:infinite;z-index:-1}@keyframes backgroundani{0%{top:0}to{top:89%}}.background div{width:14.28%;height:100%}.nav-button-body{width:100%;background-color:#17191b;height:49px;display:flex;justify-content:center;position:fixed;z-index:5}.close-button-body{background-color:transparent;border:none;position:relative;right:48%;cursor:pointer;color:#fff}.responsive-btn{background-color:transparent;border:none;position:relative;right:48%;cursor:pointer;color:#fff;display:none}.portfolio{width:100px;height:100%;position:absolute;left:70px;display:flex;justify-content:center;align-items:center;color:#fff}@media screen and (max-width: 1111px){.responsive-btn{background-color:transparent;border:none;position:relative;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center;padding-left:20px}}.contact{width:100%;height:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:10px}.contact-main{width:100%;height:500px}.header{width:100%;height:17%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;font-size:40px;font-weight:900}.contact-body{width:100%;height:85%;display:flex;justify-content:center;align-content:center}.contact-body-data{width:50%;height:100%;display:flex;justify-content:end;align-items:center}.contact-body-data-card{width:65%;height:80%;background-color:#f8f2f2;margin-right:20px;border-radius:7px;display:flex;flex-direction:column;overflow:hidden}.contact-body-data-card-head{width:100%;height:17%;display:flex;justify-content:start;align-items:center;padding-top:40px;padding-left:30px;color:#000000d6}.contact-body-data-card-head h3{font-weight:500}.contact-body-data-card-body{width:100%;height:80%;padding-top:30px}.email{display:flex;justify-content:start;align-content:center;flex-direction:row;width:100%;height:20%;padding-left:20px}.contact-body-form{width:50%;height:100%;background-color:transparent;display:flex;justify-content:start;align-items:center}.form-container{width:70%;height:80%;margin-left:20px;display:flex;justify-content:start;padding:20px}#name-inp{width:300px;height:40px;border-radius:5px;border:1px solid rgba(0,0,0,.332);background-color:#fff;padding:20px;font-size:14px}#name-inp:focus{border:1px solid blue;outline:none}.btn{width:300px;height:34px;border-radius:5px;border:none;color:#fff;background-color:#2563eb;cursor:pointer}@media screen and (max-width: 500px){.contact-body-data{display:none}.contact-body-form{width:100%;height:100%;display:flex;justify-content:start;align-items:center;margin-right:6%}.header{width:100%;height:20%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;font-size:40px;font-weight:900}.form-container{width:100%;height:80%;display:flex;justify-content:center}}.res-nav-mobile{width:0;height:100%;background-color:#17191b;position:absolute;z-index:20;left:0;animation-name:mobile;animation-duration:.3s;animation-iteration-count:1;animation-fill-mode:forwards}.cross{width:100%;height:40px;display:flex;align-items:center;justify-content:end;padding-right:20px}.res-icons{width:100%;height:70px;display:flex;padding-left:40px;align-items:center;flex-direction:row}@keyframes mobile{0%{width:0}to{width:350px}}@keyframes mobile1{0%{width:350px}to{width:0}}.nav{width:20%;height:100vh;transition:.2 ease;animation-name:navopener;animation-duration:.45s;animation-fill-mode:forwards;background-color:#17191b;font-family:Open Sans,sans-serif}@keyframes navcloser{0%{width:20%}to{width:0}}@keyframes navopener{0%{width:0%}to{width:20}}.inner-nav{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.nav-button{width:100%;height:49px;display:flex;justify-content:center}.nav-body{width:100%;height:93%}.close-button{background-color:transparent;border:none;position:relative;right:36%;cursor:pointer;color:#fff}.nav-list{width:70%;height:70%;margin:50px 40px 40px;display:flex;flex-direction:column}.nav-list a{padding:10px;text-decoration:none;color:#fff;font-size:17px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;border-radius:5px;transition:.3s ease;margin-bottom:20px}.nav-list a:hover{background-color:#5b847b}.nav-name{display:flex;margin-left:50px;align-items:center;width:100%;height:30px;font-size:17px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}@media screen and (max-width: 1111px){.nav{animation-name:navcloser;animation-duration:.45s;animation-fill-mode:forwards;background-color:#f9f9f9}}.footer{width:100%;height:150px;background-color:#17191b;display:flex;justify-content:center;align-items:center;flex-direction:column}.footer-main{width:95%;height:80%}.footer-1{display:flex;justify-content:space-between;align-items:center;width:90%;border-bottom:1px solid rgba(255,255,255,.429);margin-left:5%}.footer-name{padding-left:0;color:#fff}.cpy{width:100%;display:flex;justify-content:center;align-items:center;color:#fff;margin-bottom:30px;font-size:13px}.clients{width:100%;height:300px;background-color:#191a1c;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:20px 10px;overflow:hidden;margin-top:40px;margin-bottom:30px}.skills{width:100%;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;padding-bottom:20px}.skills h2{font-size:40px;font-family:Arial,Helvetica,sans-serif;font-weight:400}.clients-inner2{width:100%;height:100%;background-color:#fff;box-shadow:1px 1px 10px #6766660e,-1px 1px 10px #6766660e,1px -1px 10px #6766660e,-1px -1px 10px #6766660e;border-radius:3px;display:flex;justify-content:space-evenly;align-items:center;overflow:hidden;position:relative}.clients-scroll{display:flex;animation:scroll 5s linear infinite}.clients-img{width:180px;margin-right:35px;flex-shrink:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width: 800px){.clients{flex-direction:column;height:200px;padding:18px 15px}.clients-img{width:114px;margin-right:20px}}