*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;background:url(/assets/bgDarkCanva-GKtYmLJ0.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}html{scroll-behavior:smooth}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;display:block;background-color:#020617;color:#e5e7eb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}img,picture,video{max-width:100%;display:block}html{scrollbar-gutter:stable}*{transition:background-color .2s ease,color .2s ease}*{margin:0;padding:0;box-sizing:border-box}@media(prefers-color-scheme:dark){p,body{color:var(--text-primary)}button{color:var(--text-primary);background-color:var(--bg-surface)}}:root{--bg-primary: #020617;--bg-surface: #020617;--text-primary: #e5e7eb;--text-muted: #94a3b8;--accent-blue: #38bdf8;--accent-green: #22c55e;--accent-cyan: #06b6d4;--border-subtle: #1e293b}h1{font-size:2.4rem;font-family:serif;letter-spacing:5px;font-weight:bolder;text-shadow:2px 2px 10px rgb(49,174,3);color:var(--text-primary)}p{font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;color:var(--text-primary)}.flex{display:flex;align-items:center}.container{margin-inline:auto;max-width:1200px}#Header{padding:5px;justify-content:space-between;top:0;width:100%;height:70px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px ridge var(--text-primary);z-index:9999}.fixed{position:fixed}.head{width:90%;flex-shrink:2px;justify-content:space-around}.Tname{font-size:2rem;color:#fdfeff;text-shadow:2px 2px 4px rgb(249,110,138);cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.NavSec{min-width:250px;max-width:400px;height:fit-content;gap:30px}.btn{display:flex;align-items:center;width:fit-content;justify-content:center;height:45px;font-size:1.1rem;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:2px;color:var(--text-primary);padding:8px;background-color:#0d0d0d;border:1px solid white;transition:transform .3s ease;border-radius:5px}.btn:hover{transform:scale(1.05);border:1px solid white}.icon>img{height:25px;margin-right:10px}#HeroBody{padding:100px 0;min-height:100vh;width:100vw}.profile-picture{position:relative}.work-mode{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:-10px;right:5px;background-color:var(--bg-surface);border:1px solid var(--text-muted);padding:2px 10px;border-radius:30px;gap:2px}.work-mode img{height:18px;width:18px}.work{margin-bottom:4px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1rem}.dot-image{animation:blink 1s ease-in infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.titlename{margin-top:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;letter-spacing:4px;font-weight:bolder;color:#d9d9d9;filter:drop-shadow(2px 2px 5px var(--accent-green))}.links{display:flex;gap:15px}.btn>img{height:20px}.btn>a{font-size:1.1rem;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--text-primary)}.heading{flex-wrap:wrap;text-align:center;margin-bottom:25px;font-size:xxx-large;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.hero{min-height:100vh;width:100vw;display:flex;margin-top:40px;flex-direction:column;justify-content:space-evenly}.profile-sec{height:400px;width:fit-content;flex-direction:column;justify-content:space-evenly;margin-inline:auto}.profile-pic-sec>img{height:220px;border-radius:50%;width:220px;border:4px solid var(--border-subtle)}.about-sec{margin-top:6px;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-line{flex-direction:column;gap:5px;text-align:center}.bio-data{display:flex;align-items:center;justify-content:space-evenly;width:fit-content;gap:15px}.bio-data div{display:flex;align-items:center;gap:5px}.bio-data div span{font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;font-size:medium}.main-line>h3{font-family:Verdana,Geneva,Tahoma,sans-serif;color:var(--accent-cyan);filter:drop-shadow(0 0 5px rgb(7,7,7))}.str1,.str2{color:var(--accent-cyan)}.str3{color:#b0b065}.main-line>em{color:var(--text-muted);font-size:medium}.main-para{flex-direction:column;text-align:center;flex-wrap:wrap;flex-shrink:2;gap:20px;filter:drop-shadow(0 0 4px black);padding:0 20px}.main-para>h3{color:var(--text-muted);font-family:Arial,Helvetica,sans-serif;font-size:large;font-weight:600}.main-para>p{color:#cbcbcb}.about-btn{margin-top:10px;height:50px;width:300px;justify-content:center;gap:15px;font-size:1.3rem;font-weight:600;font-family:monospace;border:none;outline:2px solid var(--accent-cyan);color:var(--text-primary);background-color:var(--border-subtle);transition:background-color .2s ease-in}.about-btn>img{height:20px;width:25px}.about-btn:hover{background-color:#24a2d3d0}#mainBtn{min-height:200px;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:space-between}.res-img{height:30px}.normal{position:relative}.projectSec>h1{margin-bottom:50px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}#ProjectPage{padding:50px 0;min-height:100vh}.projectSec{flex-direction:column;align-items:center;gap:30px;padding:30px 0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%}.project{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:10px;background:#020617d9;border:3px solid var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease}.project:hover{transform:translateY(-5px);box-shadow:0 0 15px #22c55eab}.project>h2{margin-bottom:20px;letter-spacing:2px;text-align:center;color:var(--accent-cyan);font-family:Arial,Helvetica,sans-serif;font-size:1.7rem}.project>h3{color:var(--accent-green);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:large}.project>p{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:500;font-size:medium;color:#b3b2b2;line-height:25px;word-spacing:2px}.demo-btn-sec{margin-top:10px;width:inherit;display:flex;justify-content:space-around}.demo-btn{display:flex;align-items:center;justify-content:center;height:60px;width:100%;gap:10px;border:1px solid white;transition:all .2s ease-in}.demo-btn>a{color:var(--accent-blue);font-size:larger;font-weight:700;list-style:none}.demo-btn:hover{background-color:#07699e}.demo-btn:hover a{color:#fff}.demo-btn>img{height:20px}#AboutPage{margin-top:80px;min-height:100vh;width:100vw;display:grid;grid-template-columns:280px 1fr;gap:20px;padding:5px;align-items:start}.aside{top:80px;min-height:100vh;height:auto;flex-direction:column;position:sticky;padding:10px;border-right:1px solid var(--border-subtle);align-self:start}.main{margin-top:50px;position:relative}.secone{margin-top:20px;display:flex;flex-direction:column;align-items:center}.sectwo{margin-top:30px;display:flex;padding:10px;height:fit-content;flex-direction:column;align-items:center;gap:20px}.profile{height:120px;width:120px;border-radius:50%;border:2px solid var(--text-primary)}.linkicon>a>img{height:25px;transition:filter .1s ease-in}.linkicon>a>img:hover{filter:drop-shadow(0 0 5px white)}.a1,.a2{display:flex;flex-direction:column;gap:2px}.a1>p{display:flex;gap:2px;font-size:small;letter-spacing:1px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.a2>ul>li{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:var(--text-muted);font-size:small}.a2>h4{font-size:large;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.skills{display:flex;flex-direction:column;gap:10px;padding:15px;min-height:500px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skills>h2{color:var(--accent-cyan);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;font-weight:700;font-size:1.8rem}.skill-group:hover span{filter:drop-shadow(0 0 8px rgb(232,30,128))}.skill-group{display:flex;gap:20px;align-items:center;margin-top:15px}.skill-group>h3{display:flex;align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:smaller;padding:8px;height:fit-content;width:fit-content;position:relative;color:var(--accent-green);border:2px solid var(--accent-green);border-radius:10px;background-color:var(--bg-surface);transition:filter .1s ease-out}.skill-list{width:fit-content;height:fit-content;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.skill-badge{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:smaller;word-spacing:5px;font-weight:600;letter-spacing:1px;text-shadow:0 0 5px rgb(224,40,132);line-height:32px;min-height:40px;text-align:center;min-width:40px;width:fit-content;border:4px ridge var(--border-subtle);color:#fb8ac3;border-radius:20px;padding:0 6px;background-color:var(--bg-surface);transition:filter .2s ease-out}.resbtn{height:50px;width:200px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid white;transition:all .2s ease-out}.resbtn:hover{background-color:var(--border-subtle);border:none}.resbtn>a{color:var(--text-primary);font-size:medium;font-weight:700}.abt{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:space-evenly;text-align:center}.abt>p{color:var(--accent-cyan);font-size:smaller;font-weight:700}.abt>h3{font-family:sans-serif;letter-spacing:4px;font-weight:bolder;color:#d9d9d9;filter:drop-shadow(2px 2px 5px var(--accent-green))}.main{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-y:visible;scrollbar-width:none}.education{padding:10px;gap:30px;display:flex;flex-direction:column;min-width:fit-content}.edu>h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;font-weight:700;font-size:1.8rem;color:var(--accent-cyan)}.edu{padding:15px 15px 30px;border-bottom:1px solid var(--text-muted)}.edu>ul{margin-top:30px;list-style:circle;display:flex;flex-direction:column;gap:10px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:large}.edu>ul>li{color:#a4a4a4}.edu1{padding:10px;margin-top:20px;min-width:fit-content}.edu1>h3{color:var(--accent-cyan);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:2px;display:inline-block}.edu1>p{text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;width:950px;color:#bfbfbf}.end>p{max-width:800px;font-size:medium;font-family:Verdana,Geneva,Tahoma,sans-serif;color:var(--text-muted);text-transform:capitalize;font-style:italic;text-align:center;letter-spacing:1.8px;line-height:20px}#Footermain{border-top:4px ridge var(--border-subtle);min-height:430px;width:100vw;display:flex;padding:0}#footer{height:inherit;width:90%;display:flex;justify-content:space-evenly;padding:10px}.a1{gap:5px}.a1>h3{font-family:Courier New,Courier,monospace;color:var(--accent-green);font-weight:600;background-color:var(--bg-surface)}.a1>h4{color:var(--text-muted);font-family:sans-serif;font-weight:400}.list-foot{color:var(--text-muted);font-family:sans-serif}.foot{width:400px;padding:20px;display:flex;flex-direction:column;gap:15px;height:fit-content}.foot>a{color:#fff;transition:font-weight .1s ease-in}.foot2{display:flex;align-items:center;flex-direction:column;gap:40px}.article2{display:flex;height:fit-content;width:fit-content;gap:20px;align-items:center;justify-content:center;margin-top:50px}.res-btn{display:flex;align-items:center;width:fit-content;justify-content:center;height:45px;font-size:1.1rem;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:2px;color:var(--text-primary);padding:8px;background-color:#0d0d0d;border:1px solid white;transition:transform .3s ease}.linux-name{animation:blink 1s ease-out infinite}.res-btn:hover{transform:scale(1.05);border:1px solid white;box-shadow:0 0 15px var(--text-muted)}.res-btn2{color:inherit;text-decoration:none}.res-btn2:hover{color:var(--accent-green);text-shadow:0 0 5px var(--accent-green)}.article2>div{height:50px;width:70px}.article2>div>a>img{height:50px;width:70px;filter:invert(89);transition:.3s ease-out;object-fit:contain}.article2>div>a>img:hover{transform:scale(1.3);cursor:pointer}.article1b:hover,.article1:hover{background-color:#cce3de;color:#383838;transform:scale(1.1)}@media screen and (max-width:724px){#Header{height:200px;flex-direction:column;align-items:center;position:relative}#HeroBody{padding:20px 0 0}.head{flex-direction:column;height:inherit;align-items:center}.NavSec{justify-content:center}.icon>img{position:absolute;bottom:5px;right:0}.btn{height:50px;width:100px;padding:0;font-size:small}.bio-data{flex-direction:column}.bio-data div span{font-size:small}.titlename{font-size:large;color:#dedddd}.profile-sec{min-width:fit-content;height:350px}.main-para>h3{font-size:smaller}.heading{font-size:1.1rem;width:250px;text-align:center;line-height:25px}.work{font-size:small}.work-mode img{height:14px;width:14px}.profile-pic-sec>img{height:180px;width:180px}.main-line,.main-para{width:100vw;padding:15px}.main-line{gap:10px}.main-line>h3{font-size:medium}.main-line>em{font-size:smaller;width:300px}.links{flex-direction:column-reverse}.btn>a{font-size:small;font-weight:700}#footer{width:100vw;height:auto;padding:30px;flex-direction:column;align-items:center}.foot{width:fit-content;font-size:small;align-items:center;padding:4px}.list-foot{width:200px}.list-foot>li{width:fit-content}.foot2{align-items:center;margin-bottom:50px}.foot2>div>p{font-size:small}.a1{width:fit-content;align-items:center}#AboutPage{width:100vw;padding:0;margin-top:10px}.aside{display:none}.main{width:100vw;padding:0;gap:0;align-items:center}.edu>ul{text-align:center;font-weight:500;font-size:smaller;list-style:none}.edu>ul>li:hover{text-decoration:underline}.edu>ul>li{color:var(--text-muted);font-weight:700}.edu{text-align:center;width:100vw}.edu>h2{font-size:x-large}.education{width:100vw;gap:10px;display:flex;flex-direction:column;padding:0}.education>h2{text-align:center}.edu1{width:100vw;padding:0 0 10px}.end{margin-bottom:20px;max-width:300px}.edu1>h3{font-size:larger;font-weight:700}.edu1>p{max-width:330px;font-size:medium;font-weight:500;color:var(--text-muted)}.end>p{font-size:x-small;font-weight:lighter;width:300px;color:var(--text-primary);font-style:italic}.skill>h3{font-size:small}.skill-badge{text-align:center;font-size:12px;font-weight:700}.skills{gap:20px}.skill-group{flex-direction:column}.skill-list{width:300px;justify-content:center}#ProjectPage{padding:20px 0}.projectSec{height:auto;padding:30px 0}.projects{height:auto;width:fit-content;display:flex;flex-direction:column;gap:60px;padding:20px;align-items:center;justify-content:space-evenly}.project{text-align:center;border:2px solid var(--text-muted)}.project>h3{font-size:medium}.projectSec>h1{font-size:x-large}.project>h2{font-size:larger}.project>p{font-size:small;font-weight:700}.demo-btn{gap:2px;font-size:small}}@media screen and (max-width:1062px){.aside{display:none}.main{width:100vw}.education{width:fit-content;padding:0;gap:30px;display:flex;flex-direction:column}.edu{width:100vw}.edu>ul{padding:0 20px}.edu1{width:100vw;padding:0}.projects{width:fit-content}.edu1>p{width:fit-content;padding:10px}.end{width:100vw}.end>p{width:fit-content;padding:10px}.main-para{width:100vw;padding:0 20px}}