@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Montserrat:wght@200;400;600;800&display=swap";#about{max-width:1100px;margin:0 auto;padding:6rem 0rem 4rem}.about-intro-container{display:flex;align-items:center;gap:3rem;margin-bottom:6rem}.profile-photo-container{flex-shrink:0}.profile-photo-placeholder{width:250px;height:250px;border-radius:50%;background-color:#e9ecef;overflow:hidden;box-shadow:0 4px 20px #0000001a}.profile-photo-placeholder img{width:100%;height:100%;object-fit:cover}.about-text-container h2{margin-bottom:1.5rem;font-family:Cormorant Garamond,serif}.experience-section{margin-bottom:6rem}.experience-section h2{text-align:center;margin-bottom:3rem}.experience-timeline{position:relative;max-width:750px;margin:0 auto}.experience-timeline:after{content:"";position:absolute;width:4px;background-color:#008b8b;opacity:.3;top:0;bottom:0;left:0}.experience-item{padding:1rem 3rem;position:relative;background-color:inherit}.experience-item:before{content:"";position:absolute;width:20px;height:20px;left:-9px;background-color:#fff;border:4px solid #008b8b;top:24px;border-radius:50%;z-index:1}.experience-role{font-size:1.5rem;font-weight:500;color:#008b8b}.experience-company-date{font-style:italic;color:#6c757d;margin-bottom:.5rem}.experience-details ul{list-style-type:disc;padding-left:20px}.skills-section h2{text-align:center;margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category h3{border-bottom:2px solid #008b8b;padding-bottom:.5rem;margin-bottom:1rem;color:#008b8b}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background-color:#e9ecef;color:#343a40;padding:.5rem 1rem;border-radius:5px;font-size:.9rem;font-weight:500}@media (max-width: 768px){.about-intro-container{flex-direction:column;text-align:center}.experience-timeline:after{left:0}.experience-item{padding-left:2rem}.experience-item:before{left:-9px}}@media (max-width: 768px){#about{width:90%}}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:flex-end;align-items:center;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 1.5rem;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);box-sizing:border-box}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1010;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hamburger-line{width:2rem;height:.2rem;background:#333;border-radius:10px;transition:all .3s ease-in-out}.nav-menu{list-style:none;position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-5px 0 30px #0000001a;transition:right .4s ease-in-out;z-index:1005}.nav-menu.open{right:0}.nav-link{color:#333;text-decoration:none;font-weight:600;font-size:1.5rem;padding:.5rem 1rem}.resume-button{background-color:#008b8b;color:#fff;padding:.75rem 2rem;border-radius:50px}.resume-button:hover{background-color:#006a6a}.nav-link:after{display:none}@media (min-width: 768px){.header{justify-content:center;padding:1rem}.hamburger-button{display:none}.nav-menu{position:static;flex-direction:row;height:auto;width:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding-top:0;gap:2rem}.nav-link{font-size:1rem;padding:.5rem;position:relative;transition:color .3s ease}.resume-button{padding:.5rem 1.5rem}.nav-link:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#008b8b;transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.19,1,.22,1)}.nav-link:hover{color:#000}.nav-link:hover:after{transform:scaleX(1)}.resume-button:after{display:none}.resume-button:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}}.nav-link.active{color:#008b8b;font-weight:700}@media (min-width: 768px){.nav-link.active:after{transform:scaleX(1)}}.typing-game-container{background-color:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 30px #0000001a;width:100%;max-width:800px;margin:0 auto;text-align:center;box-sizing:border-box}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-box{background-color:#f8f9fa;padding:.75rem;border-radius:8px}.stat-value{font-size:1.75rem;font-weight:600;color:#008b8b}.stat-label{font-size:.8rem;color:#6c757d}.text-display-container{font-family:Courier New,Courier,monospace;font-size:1.1rem;line-height:1.7;background-color:#f8f9fa;padding:.75rem;border-radius:8px;margin-bottom:1rem;min-height:100px;max-height:200px;overflow-y:auto;text-align:left}.char-default{color:#6c757d}.char-correct{color:#28a745}.char-incorrect{color:#dc3545;text-decoration:underline}.typing-input{width:100%;height:100px;padding:.5rem;font-size:1rem;border-radius:8px;border:2px solid #ced4da;resize:none;box-sizing:border-box}.typing-input:focus{outline:none;border-color:#008b8b}.start-button{background-color:#008b8b;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease,transform .3s ease}.start-button:hover{background-color:#006a6a;transform:translateY(-2px)}@media (min-width: 768px){.typing-game-container{padding:2rem}.stats-container{gap:2rem}.stat-box{padding:1rem}.stat-value{font-size:2.5rem}.stat-label{font-size:.9rem}.text-display-container{font-size:1.5rem;padding:1rem}.typing-input{font-size:1.2rem}.start-button{font-size:1.1rem;margin-top:1.5rem}}.portfolio-container{display:grid;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;grid-template-columns:1fr}@media (min-width: 600px){.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.portfolio-container{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem;display:flex;flex-direction:column;transition:box-shadow .3s ease;min-height:350px}.project-card:hover{box-shadow:0 8px 35px #0000001a}.card-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500;color:#333;margin-bottom:1rem}.card-description{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;margin-bottom:1.5rem}.tech-tag{background-color:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.card-link{color:#008b8b;text-decoration:none;font-weight:600;align-self:flex-start;transition:color .3s ease}.card-link:hover{color:#005f5f;text-decoration:underline}#contact{width:100%;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:4rem 1.5rem;min-height:90vh}.contact-container{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:flex-start}.contact-info{text-align:center}.contact-info h2{font-family:Cormorant Garamond,serif;margin-bottom:1rem}.contact-info p{color:#555;margin-bottom:2rem;font-size:1rem}.contact-details{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.contact-item{color:#333;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:1rem;transition:color .3s ease}.contact-item:hover{color:#008b8b;text-decoration:none}.contact-item .icon{font-size:1.5rem}.contact-form-container{background-color:#f8f9fa;padding:2rem 1.5rem;border-radius:12px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border-radius:8px;border:2px solid #ddd;transition:border-color .3s ease;font-family:Montserrat,sans-serif;font-size:1rem;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#008b8b}.submit-button{width:100%;background-color:#008b8b;color:#fff;border:none;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.submit-button:hover{background-color:#006a6a;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.thank-you-message{text-align:center;padding:2rem}.thank-you-message h3{color:#008b8b;margin-bottom:1rem}@media (min-width: 900px){#contact{padding:6rem 2rem}.contact-container{grid-template-columns:1fr 1.2fr;gap:4rem}.contact-info{text-align:left}.contact-details{align-items:flex-start}.contact-form-container{padding:2.5rem}.submit-button{width:auto}}.not-found-section{display:flex;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding-bottom:2rem}.not-found-container{max-width:600px}.not-found-title{font-size:10rem;font-weight:800;color:#008b8b;line-height:1;text-shadow:4px 4px 0px #e9ecef;margin:0}.not-found-subtitle{font-size:2rem;font-weight:600;margin-top:1rem}.not-found-text{color:#555;margin-bottom:2.5rem}html,body{scroll-behavior:smooth;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:Montserrat,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.fade-in{opacity:0;transform:translateY(100px);transition:opacity 1.5s ease-out,transform 1.5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.headerer{gap:1rem}.footerer{gap:1.5rem}.list-u{columns:1;font:1rem;margin:10px;gap:2rem}.portimage{max-width:0}div#main{display:flex;flex-direction:column;width:100vw}section{position:relative;width:100vw}section.min-height{min-height:100vh}section.padding{padding:0}section img.background{max-width:0}section img.background2{height:100%;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:100vmax;z-index:-1}section img.background3{height:100%;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:100vmax;z-index:-1}h1{font-family:Cormorant Garamond,serif;font-size:45px;font-weight:500;line-height:.8;margin:0;padding-top:90%}h2{font-size:22px;font-weight:400;margin:0;padding-top:1rem;white-space:"nowrap"}h3{font-weight:400;font-size:1rem;margin:0}p{font-size:14px;line-height:1.5;margin-bottom:0;font-weight:300}p.large,p.small{font-size:14px}hr{margin:20px}li{line-height:1.5;padding:5px;display:list-item;align-items:justify}li::marker{color:#4e567e}a{color:#000;text-decoration:none}a:hover{color:#4e567e}.container{display:-moz-deck;content-visibility:false;grid-template-columns:200px 200px}.container .box{border-radius:10px;border:1px solid rgb(204,204,204);display:flex;flex-direction:column;justify-content:flex-start;padding:24px 16px;text-align:center;margin:20}img.socialIcon{height:30px;width:30px}@media (min-width: 600px){body{flex-wrap:nowrap}.portimage{max-width:100%}.headerer{gap:2rem}.footerer{gap:2.5rem}.list-u{columns:2;font:1.25rem;margin:2rem 3rem;gap:3rem}section.min-height{min-height:100vh}section img.background{max-width:100%;height:100%;left:50%;object-fit:cover;pointer-events:none;position:absolute;top:0%;transform:translate(-50%);width:100vmax;z-index:-1}section img.background2{max-width:0}h1{font-family:Cormorant Garamond,serif;font-size:7rem;font-weight:400;line-height:.8;margin:0;padding-top:100px}h2{font-size:2rem;font-weight:400;margin:0;padding-top:1rem;white-space:nowrap}h3{font-weight:400;font-size:1.25rem;margin:0}p{font-size:18px;line-height:1.5;margin-bottom:0;font-weight:300}p.large{font-size:24px}p.small{font-size:15px}hr{margin:2.5rem}li{line-height:1.7}li::marker{color:#4e567e}.container{display:grid;grid-gap:20px;grid-template-columns:330px 300px;margin:20px auto}.container .box{border-radius:10px;border:1px solid rgb(204,204,204);display:flex;flex-direction:column;justify-content:flex-start;padding:24px 16px;text-align:center}.cta-link{display:inline-block;margin-top:2rem;padding:.75rem 1.75rem;border:2px solid #008b8b;border-radius:50px;color:#008b8b;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.19,1,.22,1)}.cta-link:hover{background-color:#008b8b;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #0000001a}.cta-link .arrow{display:inline-block;margin-left:.5rem;transition:transform .3s ease}.cta-link:hover .arrow{transform:translate(5px)}}@media (max-width: 768px){#skills{font-size:10px;width:80%}#featured-projects{display:grid;gap:1.5rem;width:80%;margin:2rem}.box{margin-bottom:2rem}}