body{background-color:#f0f2f5;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media screen and (max-width:1200px){.container{max-width:90%}}section{margin-top:50px;padding:20px 0}section h2{color:#333;font-size:36px;margin-bottom:40px;text-align:center}section h3,section h4{color:#333;font-size:20px}section h4,section h6{padding-bottom:5px}section h6{color:#333;font-size:16px;font-weight:400;padding-top:5px}section p{font-size:17px;padding:10px}section p,section p1{color:#333;line-height:1.6}section p1{font-size:16px}section p2{color:#333;font-size:17px;line-height:1.6}.header{align-items:center;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;justify-content:center;padding:15px;position:fixed;top:0;width:100%;z-index:100}.menu-header1 ul{align-items:flex-start;display:block;flex-direction:column;padding-top:10px}.menu-header1 ul li{align-items:center;margin-bottom:10px;text-decoration:none}.menu-header1 ul li a{color:#333;font-size:20px;margin-left:0;text-decoration:none}.menu-header1 ul li a:hover{border-bottom:3px solid #ff5e00;color:#ff5e00}.header-nav ul{display:flex;list-style:none;margin:0;padding:0}.header-nav ul li{margin-right:80px}.header-nav ul li:last-child{margin-right:0}.header-nav ul li a{color:#333;font-size:20px;text-decoration:none;transition:border-bottom .1s ease-in-out}.header-nav ul li a:hover{border-bottom:3px solid #ff5e00;color:#ff5e00}.hamburger-menu{align-items:center;display:block;position:relative}.hamburger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger.open .linee:first-child{-webkit-transform:rotate(45deg) translate(6px,6.5px);transform:rotate(45deg) translate(6px,6.5px)}.hamburger.open .linee:nth-child(2){-webkit-transform:translateX(-50px);transform:translateX(-50px)}.hamburger.open .linee:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-5.5px);transform:rotate(-45deg) translate(5px,-5.5px)}.linee{background-color:#333;height:13%;width:100%}.linee,.menu{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.menu{background-color:#ededed;height:100%;left:0;overflow-y:auto;padding:30px 0 0 25px;position:fixed;top:48px;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:50%}.menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%}.menu-overlay.open{opacity:1;visibility:visible}.menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.menu-header ul li a{color:#333;font-size:30px;text-decoration:none}.menu-header ul li a:hover{border-bottom:3px solid #ff5e00;color:#ff5e00}.menu nav,.menu ul{margin:0;padding:0}.menu ul{list-style:none}.menu ul li{margin-bottom:20px}.menu ul li a{color:#333;font-size:16px;text-decoration:none}.menu ul li a:hover{color:#ff5e00}@media screen and (min-width:800px){.menu{display:none}}@media screen and (max-width:800px){.header{align-items:center;background-color:#fff;color:#333;display:flex;justify-content:space-between;padding:15px}.head-img,.header-nav{display:none}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.header-name-left{display:none}}.dark1,.dark2{cursor:pointer;height:40px;opacity:0;position:absolute;right:20px;top:8px;transition:opacity .2s ease-in-out;width:40px}.dark1{opacity:1}.dark-mode .dark2{opacity:1;transition:opacity .2s ease-in-out}.header-name-left{font-size:22px;left:20px;position:absolute}.social-media{align-items:center;display:flex;justify-content:center;margin-top:auto}.social-media.hidden{display:none}.image-containerr{padding-bottom:50px;padding-right:40px;position:relative}.social-link,.social-link1,.social-link2,.social-link3{height:30px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px}.social-link{opacity:1}.image-containerr:hover .social-link{opacity:0}.image-containerr:hover .social-link3{height:40px;opacity:1;width:40px}footer{background-color:#fff;bottom:0;box-shadow:0 0 10px rgba(0,0,0,.2);color:#333;display:block;padding:15px;position:fixed;text-align:center;width:100%;z-index:3}.footer.hidden{display:none}@media screen and (max-width:1366px){section p,section p1{font-size:16px}section h6,section p2{font-size:15px}section h6{font-weight:400;padding-bottom:5px;padding-top:5px}section h3{font-size:18px;padding-bottom:5px}section h4,section h5{font-size:17px}}@media screen and (max-width:768px){.header-content{padding-top:50px}.header-content h1{font-size:36px}.header-content p{font-size:16px}nav ul li{margin-left:10px}section h2{font-size:30px}section h3{padding-bottom:5px}section h3,section h4{font-size:15px}section h5{font-size:16px}section h6{font-size:13px}section p{font-size:14px}section p1{font-size:13px}p1{font-size:12px}section p2{font-size:14px}}@media screen and (max-width:480px){.container{padding:0 10px}.header-content{padding-top:30px}.header-content h1{font-size:24px}.header-content p{font-size:14px}section h2{font-size:24px}section h3{font-size:13px;padding-bottom:5px}section h4{font-size:14px}section h5{font-size:16px}section h6,section p{font-size:13px}p1,section p1{font-size:12px}section p2{font-size:14px}}body.dark-mode{background-color:#252526}.dark-mode .header{background-color:#414147}.dark-mode .header-nav ul li a,.dark-mode .menu-header{color:#fff}.dark-mode .close-button .linee,.dark-mode .linee{background-color:#fff}.dark-mode .close-button .line,.dark-mode .menu{background-color:#333}.dark-mode .header-button,.dark-mode .menu ul li a{color:#fff}.dark-mode .btn{background-color:#fff;color:#252526}.dark-mode .header-name-left{color:#fff}.dark-mode .close-button:hover .linee{background-color:#ff5e00}.dark-mode .header-nav ul li a:hover,.dark-mode .image-container:hover a,.dark-mode .menu ul li a:hover{color:#ff5e00}.dark-mode .skill-cursor{color:#fff}.dark-mode #about ul,.dark-mode #about ul:before,.dark-mode #education ul,.dark-mode #experience ul,.dark-mode #skills .grid-item{background-color:#3e3e42;color:#fff}.dark-mode .timeline .line{background-color:#fff}.dark-mode section h2,.dark-mode section h3,.dark-mode section h4,.dark-mode section h6,.dark-mode section p,.dark-mode section p1,.dark-mode section p2,.dark-mode section p3{color:#fff}.dark-mode #projects .grid-item{background-color:#3e3e42;color:#fff}.dark-mode #projects .grid-item .technology-button{background-color:#343435}.dark-mode footer{background-color:#303033;color:#fff}.dark-mode .head-img{opacity:0}.dark-mode .head-dark-white{opacity:1}.dark-mode .menu-icon{opacity:0}.dark-mode .menu-white-icon{opacity:1}.dark-mode .container-icon{opacity:0}.dark-mode .container-white-icon{opacity:1}.dark-mode .social-link{opacity:0}.dark-mode .social-link1{opacity:1}.dark-mode .image-containerr:hover .social-link1,.dark-mode .image-containerr:hover .social-link3{opacity:0}.dark-mode .image-containerr:hover .social-link2{height:40px;opacity:1;width:40px}.markdown-container{color:#333;font-family:Arial,sans-serif}.custom-heading1{color:#333;font-size:2rem;font-weight:700}.dark-mode .custom-heading1{color:#fff}.custom-heading2{color:#333;font-size:1.7rem;font-weight:700;margin-top:2rem}.dark-mode .custom-heading2{color:#fff}.custom-heading3{color:#333;font-size:1.3rem;font-weight:700;margin-top:2rem}.dark-mode .custom-heading3{color:#fff}@font-face{font-family:Urdu1;src:url(/static/media/Jameel%20Noori%20Nastaleeq%20Regular.a1d0cd1fea67e7ad50f3.ttf)}.custom-heading4{color:#333;font-family:Urdu1;font-size:2rem;font-weight:700;text-align:right;word-spacing:.2em}.dark-mode .custom-heading4{color:#fff}.custom-heading5{color:#333;font-family:Urdu1;font-size:1.6rem;font-weight:400;margin-bottom:1.4rem;margin-top:-1.5rem;padding-right:10%;text-align:right;word-spacing:.2em}.dark-mode .custom-heading5{color:#fff}.custom-heading6{color:#333;font-size:1rem;font-weight:400;margin-bottom:2rem;margin-left:.4rem;margin-top:-.9rem}.dark-mode .custom-heading6{color:#fff}.custom-paragraph{color:#333;font-size:1.15rem;line-height:1.7rem;margin-bottom:1.3rem}.dark-mode .custom-paragraph{color:#fff}.custom-emphasis{font-style:italic}.custom-strong{font-weight:700}.custom-link{color:blue;word-break:break-word}.dark-mode .custom-link{color:#8787d4}.custom-list{margin:1rem;padding-left:2rem}.custom-list-item{display:flex;font-size:1.1rem;margin-bottom:.5rem;position:relative}.dark-mode .custom-list,.dark-mode .custom-list-item{color:#fff}.custom-image{margin:1rem 0;max-width:100%}.custom-blockquote{border-left:4px solid #999;font-style:italic;margin-bottom:1rem;margin-left:0;padding-left:1rem}.dark-mode .custom-blockquote{border-left:4px solid #ddd}.custom-table{border:1px solid #ddd;border-collapse:collapse;font-size:16px;margin:1em 0 1em 2em;text-align:center;width:auto}.custom-table-cell{background-color:#e2e2e2;border:1px solid #64696e;color:#333;font-size:16px;padding:14px;word-break:break-word}.dark-mode .custom-table-cell{background-color:#464646;border:1px solid #ddd;color:#fff}.custom-thematic-break{border:none;border-top:1px solid #999;margin-bottom:1rem}.dark-mode-button{right:4rem}.copy-button,.dark-mode-button{background:transparent;border:none;color:orange;cursor:pointer;font-size:.9rem;opacity:.5;position:absolute;top:.6rem}.copy-button{display:block;right:.6rem}.copy-button:hover,.dark-mode-button:hover{opacity:1}.code-container{margin:2rem;position:relative}.code-block{border-radius:10px;color:#333}@media screen and (max-width:700px){.custom-heading4{font-size:1.5rem}.custom-heading5{font-size:1.2rem}.custom-heading1{font-size:1.4rem}.custom-heading2{font-size:1.3rem}.custom-heading3{font-size:1.2rem}.custom-heading6{font-size:.8rem}.custom-paragraph{font-size:.9rem;line-height:1.4rem}.custom-table,.custom-table-cell{font-size:12px}.custom-inline-code{font-size:.6em}.custom-list-item{font-size:.85rem}.custom-list-item:before{font-size:20px;top:-.25rem}.code-container{font-size:smaller;margin:2rem 1rem}}.home-container{display:block;height:auto}.bottom-side,.social-media_top,.upper-side{display:none}.left-side{background-color:#fff;border-right:solid #333;bottom:-50vh;max-width:25%;padding:75px 30px 25px;position:fixed;text-align:justify;top:50px;width:25%}.social-media{margin-bottom:-20px;margin-top:-40px}.left-side .bio,.left-side h2{color:#333}.dark-mode .left-side .bio,.dark-mode .left-side h2{color:#fff}.right-side{background-color:#fff;margin-left:25%;padding:125px 100px 10% 30px;position:static;text-align:justify;width:75%}.search_button{background-color:#999;border:none;color:#fff;margin:0 10px 40px 20px;padding:10px}.search_button:hover{background-color:#555;cursor:pointer}.centered-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.home-img{border:3px solid orange;border-radius:50%;display:block;height:110px;margin:0 auto;object-fit:cover;width:110px}.right-side{color:#333}.dark-mode .bottom-side,.dark-mode .upper-side{background-color:#3e3e42;color:#fff}@media screen and (max-width:1240px){.left-side,.right-side,.social-media{display:none}.social-media_top{display:flex;padding:20px 0 0}.upper-side{align-items:center;background-color:#fff;border-bottom:solid #333;display:flex;flex-direction:column;margin:45px 0 20px;padding:35px 20px 25px;text-align:justify}.dark-mode .upper-side{border-bottom:solid #fff}.bottom-side{align-items:center;background-color:#fff;display:block;margin:-20px 0 0;padding:35px 25px 20%;text-align:justify}.image-container{position:relative}.home-img{height:100px;object-fit:cover;width:100px}.name{background-color:rgba(0,0,0,.5);bottom:0;display:inline-block;left:2px;padding:10px;position:absolute;right:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.name h2{color:#fff;font-size:11px;margin:0}.bio{line-height:22px;margin:0 70px;padding-top:20px}.bio p{color:#333;margin:0 0 10px}.dark-mode .bio p{color:#fff}.bottom-side{color:#333}}@media screen and (min-width:0px) and (max-width:900px){.bio{margin:1px}}.dark-mode .left-side{border-right:solid #ddd}.dark-mode .left-side,.dark-mode .right-side{background-color:#303033;color:#fff}*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:1170px;padding:0 20px}.skill-cursor{-webkit-animation:cursor-blink .5s infinite;animation:cursor-blink .5s infinite;color:#333;display:inline-block;font-size:24px;font-weight:700}@-webkit-keyframes cursor-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes cursor-blink{0%,to{opacity:0}50%{opacity:1}}#about ul{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#333;margin-top:80px;padding:125px 30px 20px;position:relative;text-align:justify}#about .grid-img{border:4px solid orange;border-radius:50%;height:150px;left:50%;object-fit:cover;position:absolute;top:-46.9px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px}.skill_top{align-items:center;display:flex}.img_cont{display:flex;margin-bottom:30px;margin-right:45px}.container-icon,.container-white-icon{align-items:center;height:25px;margin-left:10px;margin-right:10px;position:absolute;width:25px}.container-white-icon{opacity:0}#skills .grid-container{grid-gap:20px;grid-column-gap:40px;align-items:center;-webkit-column-gap:40px;column-gap:40px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-template-rows:repeat(2,1fr);justify-items:center;max-width:1200px}#skills .grid-item{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#333;display:flex;flex-direction:column;height:120px;justify-content:center;padding:10px;text-align:center;width:150px}#skills .grid-img{align-self:center;max-height:100%;max-width:100%;object-fit:cover;padding-top:20px}@media screen and (max-width:450px){#skills .grid-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}#skills .grid-item{height:90px;width:120px}#about .grid-img{height:120px;width:120px}#about ul{padding:85px 10px 0}}@media (min-width:1200px){#skills .grid-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}#education ul,#experience ul{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#333;padding-top:5px}.timeline{margin:50px;position:relative}.timeline .line{background-color:#444;bottom:10%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px}.timeline .education-item,.timeline .experience-item{align-items:flex-start;display:flex;margin-bottom:40px;position:relative}.timeline .education-item .circle,.timeline .experience-item .circle{background-color:#fff;border:2px solid #ff5e00;border-radius:50%;height:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px;z-index:2}.timeline .education-item .circle.top,.timeline .experience-item .circle.top{top:0}.timeline .education-item .circle.center,.timeline .experience-item .circle.center{top:-20px}.timeline .education-item .circle.bottom,.timeline .experience-item .circle.bottom{top:-40px}.timeline .education-item .education-content,.timeline .experience-item .experience-content{position:relative;text-align:justify;width:auto}.timeline .education-item .education-content.top,.timeline .experience-item .experience-content.top{left:44%;margin-left:7%;top:-8px;width:50%}.timeline .education-item .education-content.center,.timeline .experience-item .experience-content.center{left:-2%;margin-left:7px;text-align:right;top:-28px;width:50%}.timeline .education-item .education-content.bottom,.timeline .experience-item .experience-content.bottom{left:44%;margin-left:7%;top:-48px;width:50%}.education-content h6,.experience-content h6{display:flex;justify-content:flex-start}.education-content h6:before,.experience-content h6:before{content:"-";margin-right:5px}.education-content h6:first-child:before,.experience-content h6:first-child:before{content:none}@media screen and (min-width:601px){.education-content.center h6:before,.experience-content.center h6:before{display:none}.education-content.center h6:first-child:after,.experience-content.center h6:first-child:after{content:none}.education-content.center h6,.experience-content.center h6{align-items:center;display:flex;justify-content:flex-end}.experience-content.center h6:after{content:"-";margin-left:5px;text-align:right}.education-content.center h6:after{content:"- ";margin-left:5px;text-align:right}}@media screen and (max-width:600px){.timeline .education-item .circle,.timeline .experience-item .circle,.timeline .line{left:-6%}.timeline .education-item .education-content,.timeline .experience-item .experience-content{position:relative;text-align:justify;width:auto}.timeline .education-item .education-content.top,.timeline .experience-item .experience-content.top{left:-7%;width:auto}.timeline .education-item .education-content.center,.timeline .experience-item .experience-content.center{left:-2%;text-align:left;width:auto}.timeline .education-item .education-content.bottom,.timeline .experience-item .experience-content.bottom{left:-7%;width:auto}}@media screen and (min-width:601px) and (max-width:999px){.timeline .education-item .education-content.top,.timeline .experience-item .experience-content.top{left:45%}.timeline .education-item .education-content.center,.timeline .experience-item .experience-content.center{left:-3%}.timeline .education-item .education-content.bottom,.timeline .experience-item .experience-content.bottom{left:45%}}#projects .grid-container{grid-gap:45px;grid-column-gap:50px;align-items:center;-webkit-column-gap:50px;column-gap:50px;display:grid;gap:45px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;padding-bottom:140px}#projects .grid-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#333;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;min-width:280px;padding:20px;text-align:left;text-decoration:none;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#projects .grid-item:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}#projects .grid-item h3{font-size:24px;margin-bottom:10px}#projects .grid-item p{font-size:16px;line-height:1.5}#projects .grid-item .technologies{margin-top:20px}#projects .grid-item .technology-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}@media screen and (min-width:768px){#projects .grid-container{grid-template-rows:repeat(auto-fit,minmax(0,1fr))}}@media screen and (max-width:334px){#projects .grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#projects .grid-item{height:auto;width:auto}}.both_resume{align-items:center;display:flex;flex-direction:column}.text_resume{color:#444;padding-top:70px}.dark-mode .text_resume{color:#fff}.img_style{padding-bottom:10vh;padding-top:20px}.dimension{border:3px solid #000;height:920;width:650}.dark-mode .dimension{border:3px solid #fff}@media screen and (max-width:800px){.text_resume{font-size:small}.dimension{height:740;width:530}}@media screen and (max-width:600px){.text_resume{font-size:smaller}.dimension{height:470;width:340}}
/*# sourceMappingURL=main.791111e6.css.map*/