@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400..700&display=swap");@font-face{font-family:Alqalam;src:url(/fonts/alqalam.ttf)}body{font-family:Plus Jakarta Sans,sans-serif;text-align:center;color:black!important;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}[data-theme=dark] body{background-color:#121212;color:white!important}.urdutext{font-family:Alqalam,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.profilepicture{width:250px;height:250px;border-radius:50%;object-fit:cover}p{font-size:1.2rem;line-height:1.5}.markdown-paragraph{color:#6c757d}[data-theme=dark] .markdown-paragraph{color:#adb5bd}.socialbutton{font-size:1.2rem;font-weight:600;padding:.2rem .5rem;border-radius:5px;background-color:rgba(40,39,39,0);color:black;border:1.7px solid black;transition:.1s;text-decoration:none;margin:.4rem;cursor:pointer}.socialbutton:hover{background-color:rgb(0,0,0);color:white;transition:.1s}[data-theme=dark] .socialbutton{color:white;border-color:white}[data-theme=dark] .socialbutton:hover{background-color:white;color:black}.heading-about{color:red!important}.article-tile{margin-top:20px;border:2px solid black!important;width:400px;padding:5px;border-radius:5px}.a-to-minimize{text-decoration:none;color:black!important;font-weight:600;font-size:1.2rem;width:300px;float:left;margin-right:150px}[data-theme=dark] .a-to-minimize{color:white!important}.article-card{border:3px solid black;padding:20px;border-radius:10px;width:90%;height:200px;transition:.2s}.article-card:hover{background-color:black;transition:.2s;color:white;cursor:pointer}[data-theme=dark] .article-card{border:3px solid white}[data-theme=dark] .article-card:hover{background-color:white;color:black}.footer{background-color:#1f1f1f;color:white;text-align:center;position:relative;bottom:0;width:100%;border-top-left-radius:50px;border-top-right-radius:50px;padding:20px 20px 100px}.card-project{cursor:pointer;padding:20px;border-radius:25px;height:200px;transition:.1s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.card-project:hover{translate:0 -10px;transform:scale(1.08);z-index:2}.card-green{background:hsla(120,61%,34%,1);background:linear-gradient(135deg,hsla(120,61%,34%,1),hsla(120,61%,50%,1));background:-webkit-linear-gradient(135deg,hsla(120,61%,34%,1),hsla(120,61%,50%,1));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#228B22",endColorstr="#32CD32",GradientType=1)}.card-green:hover{background:hsla(120,61%,50%,1);background:linear-gradient(135deg,hsla(120,61%,50%,1),hsla(120,61%,34%,1));background:-webkit-linear-gradient(135deg,hsla(120,61%,50%,1),hsla(120,61%,34%,1));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#32CD32",endColorstr="#228B22",GradientType=1);transition:.2s}.card-pink{background:hsla(352,83%,57%,1);background:linear-gradient(135deg,hsla(352,83%,57%,1),hsla(352,83%,57%,1) 33%,hsla(26,100%,61%,1) 100%,hsla(14,92%,61%,1) 0);background:-webkit-linear-gradient(135deg,hsla(352,83%,57%,1),hsla(352,83%,57%,1) 33%,hsla(26,100%,61%,1) 100%,hsla(14,92%,61%,1) 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#EC3750",endColorstr="#EC3750",GradientType=1)}.card-pink:hover{background:hsla(14,92%,61%,1);background:linear-gradient(135deg,hsla(14,92%,61%,1),hsla(352,83%,57%,1) 33%,hsla(26,100%,61%,1) 100%,hsla(352,83%,57%,1) 0);background:-webkit-linear-gradient(135deg,hsla(14,92%,61%,1),hsla(352,83%,57%,1) 33%,hsla(26,100%,61%,1) 100%,hsla(352,83%,57%,1) 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F76A41",endColorstr="#EC3750",GradientType=1)}.card-introtaps,.card-introtaps:hover{background:hsla(63,58%,55%,1);background:linear-gradient(135deg,hsla(63,58%,55%,1) 100%,hsla(180,2%,12%,1) 0);background:-webkit-linear-gradient(135deg,hsla(63,58%,55%,1) 100%,hsla(180,2%,12%,1) 0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#C8CE49",endColorstr="#1E1F1F",GradientType=1)}.card-publicnotepad{background:hsla(46,76%,59%,1);background:linear-gradient(135deg,hsla(46,76%,59%,1),hsla(61,87%,70%,1));background:-webkit-linear-gradient(135deg,hsla(46,76%,59%,1),hsla(61,87%,70%,1));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E6C046",endColorstr="#F3F56F",GradientType=1)}.card-heading-light{color:white;font-weight:bolder}.card-heading-dark{color:rgb(39,39,39);font-weight:bolder}[data-theme=dark] .card-heading-dark{color:white}.card-das{background:#020024;background:linear-gradient(321deg,rgba(2,0,36,1),rgba(9,9,121,1) 0,rgba(0,212,255,1))}.card-das:hover{background:#020024;background:linear-gradient(121deg,rgba(2,0,36,1),rgba(9,9,121,1) 0,rgba(0,212,255,1))}.card-keyboard{background:#1f1f1f}.about-me-layout{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.about-me-container{text-align:left;max-width:800px;margin-left:0;flex:1 1}.about-me-photos{width:100%;flex:1 1}.about-me-subheading{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.about-me-container a{display:inline-block;margin-top:1rem;font-weight:600;color:black;text-decoration:none}[data-theme=dark] .about-me-container a{color:white}@media (min-width:992px){.about-me-layout{flex-direction:row;align-items:flex-start}.about-me-container{max-width:none;flex:1 1}.about-me-photos{flex:1 1;max-width:50%}}.photo-album-wrapper{padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.08)}[data-theme=dark] .photo-album-wrapper{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 8px 32px rgba(0,0,0,.3)}.photo-album-heading{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:left;color:black;transition:color .3s ease}[data-theme=dark] .photo-album-heading{color:white}.photo-album-wrapper>div{gap:1rem!important}.photo-album-wrapper img{border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;filter:brightness(1) contrast(1) saturate(1);object-fit:cover}.photo-album-wrapper img:hover{transform:translateY(-10px) scale(1.03)!important;box-shadow:0 16px 40px rgba(0,0,0,.3)!important;filter:brightness(1.08) contrast(1.05) saturate(1.15)!important;z-index:10}[data-theme=dark] .photo-album-wrapper img{box-shadow:0 4px 20px rgba(0,0,0,.5)!important}[data-theme=dark] .photo-album-wrapper img:hover{box-shadow:0 16px 40px rgba(0,0,0,.7)!important}.photo-album-wrapper>div>div{overflow:visible!important;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.photo-album-wrapper>div>div{animation:fadeInUp .6s ease-out backwards}.photo-album-wrapper>div>div:first-child{animation-delay:.05s}.photo-album-wrapper>div>div:nth-child(2){animation-delay:.1s}.photo-album-wrapper>div>div:nth-child(3){animation-delay:.15s}.photo-album-wrapper>div>div:nth-child(4){animation-delay:.2s}.photo-album-wrapper>div>div:nth-child(5){animation-delay:.25s}.photo-album-wrapper>div>div:nth-child(6){animation-delay:.3s}.photo-album-wrapper>div>div:nth-child(7){animation-delay:.35s}.photo-album-wrapper>div>div:nth-child(8){animation-delay:.4s}.photo-album-wrapper>div>div:nth-child(n+9){animation-delay:.45s}::selection{background:black;color:white}[data-theme=dark] ::selection{background:white;color:black}