body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:#881c7b;border:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:1rem 2rem}.nav-brand a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.home-content{align-items:center;display:flex;flex-direction:column;padding:2rem}.profile-image{border-radius:8px;margin:2rem 0;max-width:300px}.nav-links a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#61dafb}.App{background-color:#313131;color:#fff;display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.content,.page{color:#fff;padding:2rem}.page{background-color:#881c7b;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem}.navbar{position:relative;z-index:2}h1{font-size:2.5rem;margin-bottom:1.5rem}h1,h2{color:#fff}h2{font-size:2rem;margin:2rem 0 1rem}h3{font-size:1.5rem;margin:1.5rem 0 .75rem}h3,p{color:#fff}p{line-height:1.6;margin-bottom:1rem}li{color:#fff;margin-bottom:.5rem}.grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.card{background:#ffffff1a;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1.5rem;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.button:hover{background-color:#ffffff4d}@media (max-width:768px){.content,.page{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.grid-container{grid-template-columns:1fr}}.home-content{animation:fadeIn .8s ease-in;margin:0 auto;max-width:800px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-image{border:2px solid #ffffff4d;border-radius:10px;height:400px;margin:2rem auto;object-fit:cover;transition:transform .3s ease;width:300px}.home-image:hover{transform:scale(1.05)}.profile-image{border:3px solid #282c34;box-shadow:0 4px 8px #0000001a;margin:2rem auto;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.introduction{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;margin:2rem auto;max-width:600px;padding:2rem;text-align:left}.introduction p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.home-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.resume-btn,.view-work-btn{background-color:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;text-align:center;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.resume-btn:hover,.view-work-btn:hover{background-color:#ffffff4d;transform:translateY(-2px)}.contact-section{border-top:1px solid #eee;margin-top:4rem;padding-top:2rem}.contact-form{margin:2rem auto;max-width:500px;text-align:left;width:100%}.form-group{margin-bottom:1.5rem;width:100%}.form-group input,.form-group textarea{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.8rem;transition:border-color .2s ease;width:100%}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#ffffff80;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.contact-form .button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .2s ease;width:100%}.contact-form .button:hover{background-color:#ffffff4d}.floating-shape{mix-blend-mode:overlay;opacity:.4;pointer-events:none;position:absolute;transition:opacity .3s ease;will-change:transform}.floating-shape:hover{opacity:.6}.floating-shape.circle{background-color:#282c3499;border-radius:50%;height:30px;width:30px}.floating-shape.circle.outlined{background-color:initial;border:2px solid #282c3499}.floating-shape.square{background-color:#282c3499;height:25px;width:25px}.floating-shape.square.outlined{background-color:initial;border:2px solid #282c3499}.floating-shape.triangle{background-color:initial;border-bottom:26px solid;border-left:15px solid #0000;border-right:15px solid #0000;color:inherit;height:0;width:0}.floating-shape.triangle.outlined{background-color:initial;border:15px solid #0000;border-bottom:26px solid;border-top:none}.about-section{margin-bottom:3rem}.profile-section{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.profile-image-container{flex:0 0 200px}.profile-image{border:3px solid #fff;border-radius:50%;height:200px;object-fit:cover;width:200px}.profile-intro{flex:1 1}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.skill-category{background:#ffffff1a;border-radius:8px;color:#fff;padding:1.5rem}.skill-item{margin-bottom:1rem}.skill-info{color:#fff;display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:#fff;border-radius:4px;height:100%;transition:width .3s ease}.timeline{padding-left:2rem;position:relative}.timeline:before{background:#fff3;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem;padding-left:2rem;position:relative}.timeline-item:before{background:#fff;border-radius:50%;content:"";height:16px;left:-8px;position:absolute;top:0;width:16px}.timeline-year{color:#fff;font-weight:700;margin-bottom:.5rem}.timeline-content{background:#ffffff1a;border-radius:8px;color:#fff;padding:1rem}.interests-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.interest-item{background:#ffffff1a;border-radius:8px;color:#fff;padding:1.5rem}.interest-item ul{list-style-type:none;padding:0}.interest-item li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.interest-item li:before{color:#fff;content:"•";left:0;position:absolute}.projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-top:2rem}.project-card{background:#571b50cc;border-radius:12px;color:#fff;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image{height:300px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:2rem}.project-content h2{color:#fff;margin-bottom:1rem}.project-content h3{color:#fff;margin:1.5rem 0 .75rem}.project-role{color:#fffc;font-style:italic;margin-bottom:1rem}.project-description{color:#fff;line-height:1.6;margin-bottom:2rem}.project-features{margin-bottom:2rem}.project-features ul{list-style-type:none;padding:0}.project-features li{color:#fff;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.project-features li:before{color:#fff;content:"•";left:0;position:absolute}.project-tech{margin-bottom:2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.project-challenges{background:#ffffff1a;border-radius:8px;color:#fff;margin-bottom:2rem;padding:1rem}.project-links{display:flex;gap:1rem}.project-links .button{background-color:#fff3;border:1px solid #ffffff4d;color:#fff;flex:1 1;text-align:center}.project-links .button:hover{background-color:#ffffff4d}.blog-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-top:2rem}.blog-card{background:#ffffff1a;border-radius:12px;overflow:hidden;transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-image{height:300px;overflow:hidden;width:100%}.blog-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:2rem}.blog-meta{color:#fffc;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.blog-date,.blog-read-time{align-items:center;display:flex}.blog-content h2{color:#fff;font-size:1.8rem;margin-bottom:1rem}.blog-content p{color:#fff;line-height:1.6;margin-bottom:1.5rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-tag{background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;padding:.4rem .8rem}.read-more{display:inline-block;margin-top:1rem}.timeline-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.timeline-logo-container{flex-shrink:0;height:40px;width:40px}.timeline-logo{border-radius:4px;height:100%;object-fit:contain;width:100%}.timeline-logo-placeholder{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;height:100%;width:100%}
/*# sourceMappingURL=main.c168a49b.css.map*/