*{margin:0;padding:0;font-family:sans-serif}body{color:#f5f5f5;background:#000000eb}.body{min-height:100vh}html{scroll-behavior:smooth}a{color:#f0f8ffc6;text-decoration:none}.logo{font-family:Playfair Display;font-size:1.9rem}.navbar{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.nav-links{font-family:Space Grotest;display:flex}.nav-link{text-align:center;color:#f0f8ffc6;padding:10px;list-style:none}.nav-link:hover{color:#f0f8ff;cursor:pointer}.section{max-width:1100px;margin:0 auto;padding:5rem 3rem}.hero{flex-direction:column;justify-content:space-around;align-items:flex-start;min-height:70vh;display:flex}.sub{color:#f0f8ff74;letter-spacing:1px;word-spacing:4px;border:1px solid #f0f8ff74;border-radius:40px;width:max-content;padding:5px;font-size:.9rem}.header{letter-spacing:-1px;font-family:Playfair Display,serif;font-size:4rem;font-weight:700}.khan{color:#0000;-webkit-text-stroke:1px #f0ede899;margin-top:-35px;font-family:Playfair Display,serif;font-size:4rem;font-style:italic}.para{font-style:"san serif";color:#f0f8ffba;margin:10px 0}.cta{flex:column;display:flex}.cta>a>button{color:#fff;background-color:#0000006a;border:1px solid #f0f8ff9b;border-radius:4px;margin-right:10px;padding:10px}.cta button:hover{background-color:#80808092}.cta .view-btn{color:#000;background-color:#fff}.view-btn>a{color:#000}.marquee-container{border-top:1px solid #f0f8ff74;border-bottom:1px solid #f0f8ff74;align-items:center;width:100%;height:60px;margin-bottom:10px;padding:0;display:flex;overflow:hidden}.marquee-text{white-space:nowrap;gap:2rem;animation:20s linear infinite scroll;display:flex}.marquee-text span{letter-spacing:3px;text-transform:uppercase;color:#f0ede840;font-size:.75rem}.dot{color:#f0ede826;margin-left:2rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.pro-header{letter-spacing:3px;text-transform:uppercase;color:#f0ede84d;align-items:center;gap:1rem;margin-bottom:3rem;font-size:1rem;display:flex}.pro-header:after{content:"";background-color:#f0ede8cc;flex:1;height:1px}.projects{grid-template:1fr 1fr/1fr 1fr;gap:5px;display:grid}.featured{grid-column:1/3;max-height:max-content;display:flex}.feat{letter-spacing:3px;color:#f0ede864;background-color:#2c2b2bcd;width:fit-content;padding:5px;font-size:.8rem;font-weight:100}.featured>.details{flex-direction:column;justify-content:flex-start;display:flex}.feat-img{width:60%;margin-left:10px}.pro-cards{background-color:#0c0c0c;border:1px solid #000;max-height:400px;padding:5%}.pro-cards:hover{background-color:#00000075}.num{color:#2c2b2bcd;margin:20px 0}.pro-name{margin-bottom:20px;font-family:serif;font-size:2rem}.pro-detail{color:#8d8a8ad6;margin-bottom:20px}.tags{flex-wrap:wrap;gap:1.8rem;display:flex}.tag{color:#ffffffcb;background-color:#0000;border:1px solid #7a777770;border-radius:10px;padding:9px;font-size:.85rem}.tag:hover{border:1px solid #fff}.skill{flex-direction:column;margin-top:0;padding-top:0;display:flex}.skill-head{letter-spacing:3px;text-transform:uppercase;color:#f0ede84d;align-items:center;gap:1rem;margin-bottom:3rem;font-size:1rem;display:flex}.skill-head:after{content:"";background:#7a777770;flex:1;height:1px}.skill-tag>.tag{border-radius:2px;padding:10px 20px;font-weight:500}.footer{border-top:1px solid #8b8686a8;justify-content:space-between;align-items:center;min-height:15vh;padding:2rem 3rem;display:flex}.social-list{color:#8b8686a8;gap:1rem;display:flex}.social-items{font-size:.9rem;list-style:none}.social-items:hover{color:#fff;cursor:pointer}.copyright{color:#8b8686a8}@media (width<=768px){.navbar{padding:1.5rem}.nav-links{display:none}.hero{padding:4rem 1.5rem 3rem}.header{font-size:3rem}.projects{flex-direction:column;display:flex}.feat-img{display:none}.section{padding:1.5rem}body{overflow-x:hidden}.footer{text-align:center;height:auto;min-height:unset;flex-direction:column;gap:1rem;padding:2rem 1.5rem;display:flex}}