.navbar{width:100%;display:flex;align-items:center;justify-content:space-between;background:#feffff;padding:15px 7%}.logo{font-size:18px;cursor:pointer}.navbar ul{flex:1;list-style:none;text-align:center}.navbar ul li{margin:10px;font-size:18px;cursor:pointer;float:right;font-weight:700;transition:all .4s linear;animation:fade-down 3s .5s backwards;color:#000}.name{font-weight:700;animation:fade-down 3s .5s backwards}.navbar li:hover{color:red}@keyframes fade-down{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:24px;padding:72px 16px 80px;margin:35px auto 0;max-width:1200px;z-index:1}.content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:720px;z-index:1}.title{font-size:clamp(28px,6vw,56px);margin:0 0 16px;line-height:1.1;animation:fade-up 1.5s .5s backwards}.titlename{color:red}.caption{color:gray;font-size:clamp(14px,2.8vw,18px);line-height:1.6;margin:0 0 16px;animation:fade-up 1.5s .5s backwards}.heroimage{width:min(45vw,380px);height:auto;aspect-ratio:1 / 1;margin-top:-40px;z-index:1;border-radius:50%;object-fit:cover;animation:fade-up 1.5s .5s backwards,floating 3s ease-in-out infinite}.socialmedia{float:left;width:36px;height:36px;padding:0;transition:transform .25s ease;cursor:pointer}.socialmedia:hover{transform:scale(1.2)}.socialmediaicons,.techstackitems{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;animation:fade-up 1.5s .5s backwards}.soicalmediaicons:after{content:"";clear:both;display:table}.techstackitems{margin-top:20px}.techstackitems p{margin:0 12px 0 0;font-weight:400}.techstack,.techstack2{width:40px;height:40px;object-fit:contain;transition:transform .25s ease;cursor:pointer}.techstack:hover,.techstack2:hover{transform:scale(1.2)}.techstackitems:after{content:"";clear:both;display:table}@media (min-width: 640px){.hero{padding:150px 24px 300px;gap:32px}.socialmedia,.techstack,.techstack2{width:40px;height:40px}.heroimage{width:min(32vw,320px)}}@media (min-width: 1024px){.hero{flex-direction:row;justify-content:space-between;align-items:center;gap:40px}.content{max-width:640px}.heroimage{width:360px}}@media (prefers-reduced-motion: reduce){.heroimage,.title,.caption,.socialmediaicons,.techstackitems{animation:none}}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(30px)}to{transform:translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.aboutpage{position:relative;z-index:1;max-width:1200px;margin:100px auto 300px;padding:0 16px;display:grid;grid-template-columns:1fr;gap:24px}.aboutpagecontent{display:block}.aboutpagetitle{color:#7cb9e8;font-weight:700;letter-spacing:.06em;font-size:clamp(12px,2.2vw,18px);margin:0;opacity:0;transform:translateY(10px);animation:about-fade-in-text 2s 1s both;animation-timeline:view(10px)}.aboutpagecaption{font-size:clamp(14px,3vw,16px);margin:0;opacity:0;transform:translateY(10px);animation:about-fade-in-text 2s 1s both;animation-timeline:view(10px)}.aboutpageimage{display:block;width:100%;max-width:500px;height:auto;border-radius:12px;object-fit:cover;opacity:0;transform:translateY(16px);animation:about-fade-up 3s .5s both;animation-timeline:view(1px)}.aboutpagetext{display:flex;flex-direction:column;gap:15px}.aboutpagetext p{opacity:0;transform:translateY(10px);animation:about-fade-in-text 2s 1s both;animation-timeline:view(10px)}.aboutpagetext h2{font-size:clamp(20px,5vw,27px);line-height:1.15;margin:0;opacity:0;transform:translateY(12px);animation:about-fade-in-text 2s 1s both;animation-timeline:view(10px)}@media (min-width: 640px){.aboutpage{gap:32px;padding:0 24px}}@media (min-width: 1024px){.aboutpage{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.aboutpageimage{max-width:none}}@supports not (animation-timeline: view()){.aboutpageimage,.aboutpagetext h2,.aboutpagecaption,.aboutpagetitle,.aboutpagetext p{animation-timeline:auto;animation-delay:.1s}}@media (prefers-reduced-motion: reduce){.aboutpageimage,.aboutpagetext h2,.aboutpagecaption,.aboutpagetitle,.aboutpagetext p{animation:none;animation-timeline:none;opacity:1;transform:none}}@keyframes about-fade-up{to{scale:1;opacity:1}}@keyframes about-fade-in-text{0%{opacity:0}to{opacity:1}0%{opacity:0}50%{opacity:1;transform:translateY()}to{transform:translateY()}}.portfoliopage{position:relative;z-index:1;margin:100px 10% 100px 15%;display:flex;flex-direction:column}.portfoliopageheadings p{animation:portfolio-fade-in-text 2s 1s both;animation-timeline:view(10px)}.portfoliopageheadings h2{animation:portfolio-fade-in-text 2s 1s both;animation-timeline:view(10px);font-size:clamp(24px,4vw,30px)}.porfoliopagetitle{color:#7cb9e8;font-weight:700;margin-right:25%}.porfoliopagecaption{color:red;font-weight:700;margin-right:25%}.project1{position:relative;margin-top:50px;margin-bottom:100px}.project1 p,.project1 h1{animation:portfolio-fade-in-text 2s 1s both;animation-timeline:view(10px)}.project1screenshot{width:45%;float:left;margin-right:50px;border-radius:40px;transition:.5s ease;cursor:pointer;scale:.8;opacity:0;animation:portfolio-fade-up 3s .5s both;animation-timeline:view(1px)}.project1screenshot:hover{transform:scale(1.1)}.project1title{font-weight:700;margin-left:50px}.project1caption{font-size:15px}.projecttag1{color:#6495ed}.projecttag2{color:teal}.projecttag3{color:#dc143c}.projecttag4{color:#daa520}.projecttag5{color:#6a5acd}.projecttag6{color:#b22222}.projecttag7{color:#bdb76b}.project2{position:relative;margin-top:50px;margin-bottom:100px}.project2 p,.project2 h1{animation:portfolio-fade-in-text 2s 1s both;animation-timeline:view(10px)}.project2screenshot{width:45%;float:right;margin-left:50px;border-radius:40px;transition:.5s ease;cursor:pointer;scale:.8;opacity:0;animation:portfolio-fade-up 3s .5s both;animation-timeline:view(1px)}.project2screenshot:hover{transform:scale(1.1)}.project2title{font-weight:700;margin-right:50px}.project2caption{font-size:15px;margin-right:50px}.viewcodedemo:hover{color:#000}@keyframes portfolio-fade-up{to{scale:1;opacity:1}}@keyframes portfolio-fade-in-text{0%{opacity:0}to{opacity:1}0%{opacity:0}50%{opacity:1;transform:translateY()}to{transform:translateY()}}.experiencepage{position:relative;z-index:1;max-width:1200px;margin:100px auto 300px;padding:0 16px;display:grid;grid-template-columns:1fr;gap:24px}.experiencepageheadings{margin-bottom:48px}.experiencepageheadings p{animation:experience-fade-in-text 2s 1s both;animation-timeline:view(10px)}.experiencepageheadings h2{animation:experience-fade-in-text 2s 1s both;animation-timeline:view(10px);font-size:clamp(24px,4vw,30px)}.experiencepagetitle{color:#7cb9e8;font-weight:700;letter-spacing:.06em;font-size:clamp(12px,2.2vw,18px);margin:0;opacity:0;transform:translateY(10px);animation:about-fade-in-text 2s 1s both;animation-timeline:view(10px)}.timeline{position:relative;max-width:1200px}.timelineleftcontainer{padding:10px 50px;position:relative;width:50%;left:0}.timelinerightcontainer{padding:10px 50px;position:relative;width:50%;left:50%}.timelineleftcontainer img{position:absolute;width:50px;height:50px;object-fit:cover;border-radius:10%;right:-20px;top:32px;z-index:10;transition:.5s ease;cursor:pointer;animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px)}.timelineleftcontainer img:hover{transform:scale(1.4)}.timelinerightcontainer img{position:absolute;width:50px;height:50px;object-fit:cover;border-radius:10%;left:-20px;top:32px;z-index:10;transition:.5s ease;cursor:pointer;animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px)}.timelinerightcontainer img:hover{transform:scale(1.4)}.timelinetextbox{padding:20px 30px;position:relative;background:#e5fcf5;border-radius:6px;font-size:clamp(14px,2vw,16px);animation:experience-fade-in-text 2s .2s both;animation-timeline:view(10px)}.timelinetextbox h3{font-weight:600;font-size:clamp(16px,2.5vw,20px);margin-bottom:8px;animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px)}.timelinetextbox p{margin-bottom:15px;line-height:1.6;animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px)}.timelinetextbox small{display:inline-block;margin-bottom:15px;font-size:clamp(12px,1.8vw,14px);color:#666;font-weight:500;animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px)}.timelinetextbox ul{animation:experience-fade-in-text 3s .2s both;animation-timeline:view(10px);padding-left:20px}.timelinetextbox li{margin-bottom:8px;line-height:1.5}.timeline:after{content:"";position:absolute;width:6px;height:100%;background-color:#2a4d69;top:0%;left:50%;margin-left:-3px;z-index:-1;animation:experience-fade-in-text 3s both;animation-timeline:view(10px)}.left-timelinetextbox-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #e5fcf5;right:-15px}.right-timelinetextbox-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #e5fcf5;left:-15px}@media (max-width: 768px){.experiencepage{margin:60px auto 200px;padding:0 20px}.experiencepageheadings{margin-bottom:32px;text-align:center}.timeline{position:relative}.timelineleftcontainer,.timelinerightcontainer{width:100%;left:0;padding:20px 0 20px 60px}.timelineleftcontainer img,.timelinerightcontainer img{left:-25px;right:auto;width:40px;height:40px;top:25px}.timelineleftcontainer img:hover,.timelinerightcontainer img:hover{transform:scale(1.2)}.timeline:after{left:0;margin-left:-3px}.left-timelinetextbox-arrow,.right-timelinetextbox-arrow{left:-15px;right:auto;border-left:15px solid #e5fcf5;border-right:none;border-top:15px solid transparent;border-bottom:15px solid transparent}.timelinetextbox{padding:20px;font-size:15px}.timelinetextbox h3{font-size:18px}}@media (max-width: 480px){.experiencepage{margin:40px auto 150px;padding:0 16px}.experiencepageheadings{margin-bottom:24px}.timelineleftcontainer,.timelinerightcontainer{padding:15px 0 15px 50px}.timelineleftcontainer img,.timelinerightcontainer img{width:35px;height:35px;left:-20px;top:20px}.timelineleftcontainer img:hover,.timelinerightcontainer img:hover{transform:scale(1.1)}.timelinetextbox{padding:16px;font-size:14px}.timelinetextbox h3{font-size:16px;line-height:1.3}.timelinetextbox p{font-size:14px;margin-bottom:12px}.timelinetextbox small{font-size:12px;margin-bottom:10px}.timelinetextbox ul{padding-left:16px}.timelinetextbox li{font-size:14px;margin-bottom:6px}.left-timelinetextbox-arrow,.right-timelinetextbox-arrow{border-left-width:12px;border-top-width:12px;border-bottom-width:12px;top:22px}}@media (max-width: 320px){.experiencepage{padding:0 12px}.timelineleftcontainer,.timelinerightcontainer{padding:12px 0 12px 40px}.timelineleftcontainer img,.timelinerightcontainer img{width:30px;height:30px;left:-17px}.timelinetextbox{padding:12px}.timelinetextbox h3{font-size:15px}.timelinetextbox p,.timelinetextbox li{font-size:13px}.timeline:after{width:4px;margin-left:-2px}}@media (max-width: 768px) and (orientation: landscape){.experiencepage{margin:30px auto 100px}.experiencepageheadings{margin-bottom:20px}.timelineleftcontainer,.timelinerightcontainer{padding:12px 0 12px 50px}}@keyframes experience-fade-up{to{scale:1;opacity:1}}@keyframes experience-fade-in-text{0%{opacity:0}to{opacity:1}0%{opacity:0}50%{opacity:1;transform:translateY()}to{transform:translateY()}}.metricspage{position:relative;z-index:1;max-width:1200px;margin:100px auto 300px;padding:0 16px;display:grid;grid-template-columns:1fr;gap:24px}.metricspageheadings{margin-bottom:5px}.metricspageheadings p{animation:metrics-fade-in-text 2s 1s both;animation-timeline:view(10px)}.metricspageheadings h2{animation:metrics-fade-in-text 2s 1s both;animation-timeline:view(10px);font-size:clamp(24px,4vw,30px)}.metricspagetitle{color:#7cb9e8;font-weight:700;letter-spacing:.06em;font-size:clamp(12px,2.2vw,18px);margin:0;opacity:0;transform:translateY(10px);animation:metrics-fade-in-text 2s 1s both;animation-timeline:view(10px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:40px}.metrics-card{background:#e5fcf5;padding:30px 25px;border-radius:6px;text-align:center;position:relative;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:metrics-fade-in-text 2s .5s both;animation-timeline:view(10px)}.metrics-card:nth-child(2){animation-delay:.7s}.metrics-card:nth-child(3){animation-delay:.9s}.metrics-card:nth-child(4){animation-delay:1.1s}.metrics-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.metrics-number{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:8px;line-height:1}.metrics-number.projects{color:#2563eb}.metrics-number.technologies{color:#059669}.metrics-number.commits{color:#7c3aed}.metrics-number.experience{color:#dc2626}.metrics-label{color:#374151;font-weight:600;font-size:clamp(16px,2.5vw,18px);margin-bottom:6px}.metrics-description{color:#666;font-size:clamp(12px,1.8vw,14px);font-weight:500;line-height:1.4}.github{text-align:center;margin-top:40px;opacity:1;transform:translateY(0);animation:metrics-fade-in-text 2s .2s both;animation-timeline:view(10px)}.github:hover{transform:scale(1.2)}.metrics-status{text-align:center;margin-top:40px;opacity:1;transform:translateY(0);animation:metrics-fade-in-text 2s .2s both;animation-timeline:view(10px)}.status-indicator{display:inline-flex;align-items:center;gap:8px;background:#e5fcf5;padding:12px 20px;border-radius:6px;transition:all .3s ease}.status-indicator:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.status-text{color:#374151;font-weight:500;font-size:clamp(14px,2vw,16px)}@media (max-width: 768px){.metricspage{margin:60px auto 200px;padding:0 20px}.metricspageheadings{margin-bottom:32px;text-align:center}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.metrics-card{padding:20px 16px}.metrics-number{font-size:clamp(24px,6vw,32px);margin-bottom:6px}.metrics-label{font-size:16px;margin-bottom:4px}.metrics-description{font-size:13px}.status-indicator{padding:10px 16px;flex-direction:column;gap:6px;text-align:center}.status-text{font-size:14px}}@media (max-width: 480px){.metricspage{margin:40px auto 150px;padding:0 16px}.metricspageheadings{margin-bottom:24px}.metrics-grid{grid-template-columns:1fr;gap:16px}.metrics-card{padding:16px 12px}.status-indicator{padding:8px 12px}}@media (max-width: 320px){.metricspage{padding:0 12px}.metrics-card{padding:12px}.metrics-number{font-size:clamp(20px,8vw,28px)}.metrics-label{font-size:14px}.metrics-description{font-size:12px}}@keyframes metrics-fade-in-text{0%{opacity:0}to{opacity:1}0%{opacity:0}50%{opacity:1;transform:translateY()}to{transform:translateY()}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.metrics-card,.metricspagetitle,.metricspageheadings h2,.metricspageheadings p,.metrics-status{animation:none;opacity:1;transform:none}.status-dot{animation:none}.metrics-card:hover{transform:none}}@supports not (animation-timeline: view()){.metrics-card,.metricspagetitle,.metricspageheadings h2,.metricspageheadings p,.metrics-status{animation-timeline:auto;animation-delay:.1s}}.metrics-status{visibility:visible!important;display:block!important}.footerpage{position:relative;z-index:1;max-width:1200px;margin:100px auto 110px;padding:60px 16px 0}.footerpageheadings{margin-bottom:48px;text-align:center}.footerpageheadings p{animation:footer-fade-in-text 2s 1s both;animation-timeline:view(10px)}.footerpageheadings h2{animation:footer-fade-in-text 2s 1s both;animation-timeline:view(10px);font-size:clamp(24px,4vw,36px)}.footerpagetitle{color:#7cb9e8;font-weight:700;letter-spacing:.06em;font-size:clamp(12px,2.2vw,18px);margin:0;opacity:0;transform:translateY(10px);animation:footer-fade-in-text 2s 1s both;animation-timeline:view(10px)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;opacity:0;transform:translateY(20px);animation:footer-fade-in-text 2s .2s both;animation-timeline:view(10px)}.footer-section h3{font-size:clamp(20px,3vw,24px);font-weight:700;margin-bottom:8px;letter-spacing:.02em}.footer-section h4{font-size:clamp(16px,2.5vw,18px);font-weight:600;margin-bottom:16px;letter-spacing:.02em}.footer-name{background:#000;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-tagline{color:#b0b0b0;font-size:clamp(14px,2vw,16px);margin-bottom:20px;line-height:1.4}.footer-social{display:flex;gap:16px;margin-top:16px}.footer-social-icon{width:32px;height:32px;transition:transform .3s ease,opacity .3s ease;cursor:pointer;border-radius:6px}.footer-social-icon:hover{transform:translateY(-3px) scale(1.1);opacity:.8}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#d0d0d0;text-decoration:none;font-size:clamp(14px,2vw,16px);display:inline-block;cursor:pointer}.footer-links a:hover{color:#000}.back-to-top{background:linear-gradient(135deg,#7cb9e8,#4a9eff);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:clamp(14px,2vw,16px);font-weight:600;transition:transform .3s ease,box-shadow .3s ease;margin-top:16px}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7cb9e84d}.footer-contact{color:#d0d0d0;font-size:clamp(14px,2vw,16px);margin-bottom:8px;word-break:break-all}.footer-location,.footer-availability{color:#b0b0b0;font-size:clamp(12px,1.8vw,14px);margin-bottom:8px;line-height:1.4}.footer-availability{color:#10b981;font-weight:500}.footer-bottom{border-top:1px solid #404040;padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;opacity:1}.footer-copyright p,.footer-built-with p{color:#888;font-size:clamp(12px,1.8vw,14px);margin:0}.footer-built-with p{font-weight:500}@media (max-width: 768px){.footerpage{margin:60px auto 0;padding:40px 20px 0}.footerpageheadings{margin-bottom:32px}.footer-content{grid-template-columns:1fr;gap:32px;text-align:center;margin-bottom:32px}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:12px}.footer-links a{font-size:16px}.back-to-top{padding:12px 24px;font-size:16px}}@media (max-width: 480px){.footerpage{margin:40px auto 0;padding:32px 16px 0}.footerpageheadings{margin-bottom:24px}.footer-content{gap:24px;margin-bottom:24px}.footer-section h3{font-size:20px}.footer-section h4{font-size:16px}.footer-tagline,.footer-contact{font-size:14px}}@media (max-width: 320px){.footerpage{padding:24px 12px 0}.footer-section h3{font-size:18px}.footer-section h4{font-size:15px}}@keyframes footer-fade-in-text{0%{opacity:0}to{opacity:1}0%{opacity:0}50%{opacity:1;transform:translateY()}to{transform:translateY()}}@media (prefers-reduced-motion: reduce){.footer-content,.footerpagetitle,.footerpageheadings h2,.footerpageheadings p,.footer-bottom{animation:none;opacity:1;transform:none}.footer-social-icon:hover,.back-to-top:hover{transform:none}}@supports not (animation-timeline: view()){.footer-content,.footerpagetitle,.footerpageheadings h2,.footerpageheadings p,.footer-bottom{animation-timeline:auto;animation-delay:.1s}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{width:100;min-height:100vh;background:#feffff}