body{margin:0}.personal-profile-app{display:flex;flex-direction:column}.header-navigation{align-items:center;background-color:#333;color:#fff;display:flex;height:100px;justify-content:center;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navigation-menu{display:flex;font-size:16px;gap:15px;list-style:none;margin:0;padding:0}.navigation-menu p{color:#fff;cursor:pointer;margin:0;padding:10px 15px;transition:background-color .3s ease}.navigation-menu p:hover{background-color:#555;border-radius:5px}.main-content-area{flex:1 1;overflow-y:auto}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.about-section{min-height:100vh;padding:10px 0}.about-title{color:#333;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.about-title:after{background-color:#272727;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about-content{align-items:flex-start;display:flex;gap:2.6rem;margin:0 auto;max-width:1000px;padding:0 20px}.about-photo{flex:0 0 280px}.photo-placeholder{align-items:center;background:#000;border-radius:12px;box-shadow:0 5px 15px #0003;color:#fff;display:flex;font-weight:600;height:320px;justify-content:center}.about-description{color:#515050;line-height:1.3;margin:0 0 2rem}.skills-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.skills-pills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-pill{background-color:#e7e7e766;border-radius:15px;color:#333;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.portfolio-section{min-height:100vh;padding:10px 0}.portfolio-title{color:#333;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.portfolio-title:after{background-color:#272727;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.projects-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px;padding:0 20px}.project-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:330px}.project-image-placeholder{align-items:center;background:#1a1a1a;color:#fff;display:flex;font-weight:600;height:170px;justify-content:center}.project-title{color:#333;font-size:1.2rem;font-weight:600;margin:1rem 1rem .5rem}.project-description{color:#515050;line-height:1.5;margin:0 1rem 1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 1rem 1rem}.tech-pill{background-color:#e7e7e766;border-radius:15px;color:#333;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.project-buttons{display:flex;gap:.8rem;margin-top:auto;padding:0 1rem 1.2rem}.project-buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:.6rem .8rem}.project-buttons button:first-child{background-color:#1866d9;color:#fff}.project-buttons button:last-child{background-color:#e9ecef;color:#333}.resume-section{min-height:100vh;padding:10px 0}.resume-container{margin:0 auto;max-width:1000px;padding:0 20px}.resume-title{color:#333;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.resume-title:after{background-color:#272727;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.download-btn-container{margin-bottom:3rem;text-align:center}.resume-content{display:flex;flex-direction:column;gap:3rem}.resume-block{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:2rem}.section-title{border-bottom:2px solid #e9ecef;color:#333;font-size:1.8rem;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.section-title:before{background-color:#595959;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.item-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.item-subtitle{color:#666;font-size:1rem;font-weight:500;margin-bottom:.5rem}.item-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.item-gpa,.item-period{background-color:#e9ecef;border-radius:15px;color:#495057;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.responsibilities{list-style:none;margin:0;padding:0}.responsibilities li{color:#666;line-height:1.6;margin-bottom:.5rem;padding-left:1.2rem;position:relative}.responsibilities li:before{color:#595959;content:"▸";font-weight:700;left:0;position:absolute}.skills-categories{display:flex;flex-direction:column;gap:1.5rem}.skill-category{border-left:4px solid #595959;padding-left:1rem}.category-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{background-color:#e7e7e766;border-radius:15px;color:#333;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.contact-section{align-items:flex-start;color:#000;display:flex;height:calc(100vh - 200px);justify-content:center;padding:10px 0}.contact-container{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:0 20px;width:100%}.contact-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;width:100%}.contact-info{align-items:center;border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-width:75%}.info-title{font-size:2.5rem;margin-bottom:1.5rem;position:relative;text-align:center}.info-title:after{background-color:#464646;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.contact-cards{display:flex;flex-direction:column;flex-grow:1;gap:1rem;margin-bottom:2rem}.contact-card{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex-shrink:0;gap:1rem;padding:1rem;transition:transform .3s ease}.contact-icon{font-size:1.2rem;margin-right:.5rem}.contact-details{display:flex;flex:1 1;flex-direction:column}.contact-value{color:#000;font-size:1rem;font-weight:500;text-decoration:none}.social-media{align-items:center;display:flex;flex-direction:column;margin-top:auto}.social-title{font-size:1.1rem;margin-bottom:1rem}.social-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.social-link{align-items:center;background:#cbcbcb33;border-radius:10px;color:#000;display:flex;flex-shrink:0;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-icon{font-size:1rem}
/*# sourceMappingURL=main.df75ae74.css.map*/