.navbar{display:flex;align-items:center;justify-content:space-between;background:var(--background-color);margin:0 auto;position:sticky;z-index:1000;top:0;width:100%;max-width:1200px}.nav-menu{display:flex;align-items:center;list-style:none;gap:40px;font-size:20px}.logo{width:70px;cursor:pointer}a{display:inline-block;text-decoration:none;color:inherit}.icon{width:20px;vertical-align:middle;cursor:pointer;color:var(--header-color)}.icon-container{display:flex;align-items:center;gap:30px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor-link{text-decoration:none;color:var(--header-color)}.anchor-link p{font-weight:400}.anchor-link p.active,.anchor-link.active p{font-weight:700;color:var(--light-purple)}.nav-mob-close{display:none;cursor:pointer;filter:var(--header-color)}.nav-mob-open{display:none;cursor:pointer;width:30px;filter:var(--header-color)}@media (max-width:830px){.navbar{padding:8px 20px}.nav-mob-open{display:block;position:absolute;right:30px}.nav-mob-close{display:block;position:absolute;top:30px;right:7%;width:30px}.navbar ul{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:var(--background-color);width:300px;height:100%;z-index:2;transition:right .5s;right:-300px;padding-top:100px}.nav-menu li{font-size:22px;padding-left:50px;flex-direction:row;gap:20px}.logo{width:50px}.icon-container{display:none;gap:30px}}.hero{display:flex;align-items:center;flex-direction:column;gap:20px;margin:250px auto 150px;width:100%;max-width:1125px;position:relative}.circle{position:absolute;z-index:-2}.circle1{width:150px;height:150px;top:-60%;left:10%}.circle2{width:150px;height:150px;top:-40%;left:2%}.circle3{width:120px;height:120px;top:-20%;right:10%}.circle4{width:80px;height:80px;top:30%;right:2%}.circle5{width:70px;height:70px;bottom:10%;right:13%}@keyframes typing{0%{width:0}to{width:11ch}}@keyframes blink{50%{border-color:transparent}}.typing-demo{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.12em solid var(--light-purple);animation:typing 2s steps(40,end) forwards,blink .6s step-end infinite;vertical-align:top;margin-bottom:0}.name-highlight{background:var(--light-purple);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1{text-align:center;width:65%;font-size:70px;font-weight:600;line-height:60px;color:var(--header-color)}.hero h2{text-align:center;width:65%;font-size:45px;font-weight:600;line-height:35px;color:var(--header-color)}.hero p{width:57%;text-align:center;font-size:25px;line-height:30px;color:var(--text-color)}.hero-action{display:flex;align-items:center;gap:25px;font-weight:500;margin-bottom:50px}.hero-connect{padding:15px 25px;border:3px solid var(--light-purple);border-radius:10px;background:var(--background-color);font-weight:700px;cursor:pointer;font-size:18px;color:var(--light-purple)}.hero-connect:hover{background:var(--gradient2-color);box-shadow:4px 4px 30px #0000001a;transition:transform .3s,box-shadow .3s}.email-link{display:flex;align-items:center;text-decoration:none;color:var(--header-color)}.mail-icon{width:25px;margin-right:10px}@media (max-width:830px){.circle1,.circle2{width:110px;height:110px}.circle3{width:90px;height:90px}.circle4{width:60px;height:60px}.circle5{width:40px;height:40px;top:70%}.hero h1{margin-top:10px;width:90%;font-size:50px;line-height:40px}.hero h2{width:90%;font-size:35px;line-height:25px}.hero p{width:80%;max-width:550px;font-size:20px;line-height:20px;margin:5px 0}.hero-action{gap:10px;font-weight:500;margin-bottom:50px}.hero-connect{padding:15px 20px;border-radius:10px;font-size:15px}}@media (max-width:830px){.hero h1{font-size:45px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;width:calc(100% - 75px);max-width:1125px;margin:100px auto 80px}.about-sections{display:flex;gap:60px;width:100%;box-sizing:border-box}.about-left img{width:350px;border-radius:10px;box-shadow:4px 4px 30px #0003}.about-right{display:flex;flex-direction:column;gap:50px;width:100%}.about-para{display:flex;flex-direction:column;gap:10px;font-size:21px;font-weight:500;line-height:30px;color:var(--text-color);width:100%}.about-para h2{font-size:45px;line-height:50px;color:var(--header-color)}.about-para b{font-weight:600;color:var(--light-purple)}.about-skills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.about-skill{align-items:center;transition:.3s;border-radius:10px;border:2px solid var(--light-purple);font-weight:700px;padding:10px;font-size:18px;display:flex;gap:10px;background:var(--gradient2-color)}.about-skills-icon{width:20px}.about-skill p{line-height:20px;font-size:18px;background:var(--header-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.about-skill:hover{transform:scale(1.05);box-shadow:4px 4px 30px #0000001a;transition:transform .3s,box-shadow .3s;background:linear-gradient(to bottom right,var(--gradient1-color),var(--gradient2-color))}@media (max-width:830px){.about{gap:50px;width:100%;padding:0 20px}.about-sections{flex-direction:column}.about-left{display:none}.about-para{line-height:25px;font-size:18px}.about-para h2{font-size:30px;line-height:30px}.about-skill{padding:5px}.about-skill p{font-size:14px;min-width:70px}}.experiences{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px auto 70px;width:calc(100% - 75px);max-width:1100px}.experiences-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:50px}.experiences-format{display:flex;flex-direction:column;justify-content:center;padding:15px;border-radius:10px;border:2px solid var(--experience-border);background:linear-gradient(to bottom right,var(--gradient1-color),var(--gradient2-color));transition:transform .3s,box-shadow .3s,border .3s}.experience-image{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:15px}.experiences-format h3{font-size:28px;font-weight:600;line-height:35px;color:var(--header-color)}.experiences-format h4{font-size:24px;font-weight:800;color:var(--subheader-color);line-height:35px}.experiences-format p{color:var(--text-color);font-size:20px;line-height:30px}.experiences-group{display:flex;align-items:center;margin-top:20px;gap:10px;font-weight:700;cursor:pointer;text-decoration:none;color:inherit}.experiences-group p{color:var(--header-color);font-size:18px}.experiences-group p:hover{color:var(--light-purple)}.group-img{width:20px;height:auto}.group-icon path{color:var(--header-color)}.experiences-format:hover{transform:scale(1.03);border:2px solid var(--light-purple);box-shadow:4px 4px 30px #0000001a;border-radius:15px}@media (max-width:830px){.experiences{gap:70px;padding:0 20px;width:100%}.experiences-format{gap:10px;padding:20px}.experiences-format h3{font-size:23px;line-height:20px}.experiences-format h4{font-size:20px;line-height:20px}.experiences-format p{font-size:17px;line-height:25px}.experiences-container{grid-template-columns:1fr 1fr;gap:15px}.experiences-group p{font-size:14px}}@media (max-width:500px){.experiences-container{grid-template-columns:1fr}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px auto;width:calc(100% - 40px);max-width:1100px}.mywork-container{display:flex;flex-direction:column;justify-content:center;gap:30px;width:100%}.mywork-container img{width:100%;transition:.3s;cursor:pointer}.mywork-container img:hover{transform:scale(1.03);border-radius:15px;transition:.3s}.work-item{position:relative;width:100%;cursor:pointer;overflow:hidden}.work-item:hover{box-shadow:4px 4px 30px #0000001a;transition:transform .3s,box-shadow .3s;border-radius:15px}.work-img{width:100%;display:block;transition:.3s}.work-hover{position:absolute;bottom:0;left:0;width:100%;height:45%;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.work-item:hover .work-hover{opacity:80%}.work-hover h2{font-size:45px;font-weight:700;margin-top:20px;line-height:50px;color:var(--header-color)}.work-hover p{font-size:25px;line-height:35px;text-align:center}.work-hover .work-stack{font-size:20px;color:var(--subheader-color);font-weight:700;line-height:35px}.work-links{display:flex;gap:10px;margin-top:8px}.icon,.github-icon{width:24px;height:24px;cursor:pointer}@media (max-width:830px){.mywork{gap:50px;align-items:center;padding:0 20px;width:100%}.mywork-container{grid-template-columns:1fr 1fr;gap:20px}.work-hover{height:60%}.work-hover h2{font-size:25px;line-height:25px}.work-hover p{font-size:18px;line-height:20px}.work-hover .work-stack{font-size:15px;line-height:20px}.github-icon{width:15px;height:15px;margin-top:5px}}@media (max-width:500px){.work-item:hover .work-hover{height:70%}.work-hover h2{font-size:20px;line-height:20px}.work-hover p{font-size:13px;text-align:center;line-height:15px}.work-hover .work-stack{font-size:13px;line-height:15px}.github-icon{width:15px;height:15px;margin-top:5px}}.footer{display:flex;margin:50px 10%;flex-direction:column;gap:20px;align-items:center}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:18px;max-width:450px;line-height:20px}.footer-icon{width:20px;height:20px;vertical-align:middle;cursor:pointer}.footer-icon-container{display:flex;align-items:center;gap:30px}@media (max-width:830px){.footer{margin:50px 6%}.footer-top{flex-direction:column;gap:30px}.footer-icon-container{display:flex;gap:30px}.footer-top-left p{font-size:15px;line-height:15px}.footer-icon{width:16px;height:16px;cursor:pointer}}:root{--background-color: #FBFBFD;--light-purple: #8365C8;--header-color: #000000;--text-color: #504A49;--subheader-color: #D169EB;--darker-purple: #784edb;--experience-border: #C9C9C9;--gradient1-color: #E6E6F3;--gradient2-color: #FFFFFF}[data-theme=dark]{--background-color: #0F101F;--light-purple: #a483db;--header-color: #DDE5FF;--text-color: #A8B2D1;--subheader-color: #E199C9;--darker-purple: #6e44d2;--experience-border: #8d9196;--gradient1-color: #141524;--gradient2-color: #1D1E32}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--background-color);color:var(--text-color);font-family:NTR,sans-serif;-webkit-font-smoothing:antialiased}.title-box{position:relative}.title-box h1{padding:0 20px;font-size:60px;font-weight:600;line-height:40px;color:var(--header-color)}.title-box img{width:160px;position:absolute;bottom:0;right:0;z-index:-1}@media (max-width: 830px){.title-box h1{padding:0;font-size:45px}.title-box img{width:100px;right:-40px}}@media (max-width: 500px){.title-box h1{font-size:35px}}