*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1{font-family:DM Sans,sans-serif;font-size:clamp(2rem,7vw,4rem);font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff}h2{font-family:DM Sans,sans-serif;font-size:2.8rem;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff}h3{font-family:DM Sans,sans-serif;font-size:1.7rem;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff}h4{font-family:DM Sans,sans-serif;font-size:1.5rem;font-optical-sizing:auto;font-style:bold;color:#fff}p{font-family:DM Sans,sans-serif;font-size:1.3rem;font-optical-sizing:auto;font-weight:lighter;font-style:normal;color:#fff}button{font-family:DM Sans,sans-serif;font-size:1.3rem}.bdr{border:2px red dashed}.bdc{border:2px cyan dashed}.bdy{border:2px yellow dashed}.intro-container{margin-top:5vw;margin-bottom:60px}.title-container{display:flex;align-items:center;padding:10px 0}.pfp{display:flex;padding:0;border-radius:50%;border:white solid 2px;width:140px;height:140px}.pfp img{width:100%;border-radius:50%;border:white solid 2px}.title-text{display:flex;flex-direction:column;justify-content:center;padding:0 20px}.title-text h1{margin:0 0 8px}.title-text h4{margin:0;padding:2px 0}.intro-info{display:flex;padding:5px 0}.intro-info span{display:flex;align-items:center;gap:10px;margin-right:30px}.intro-links{display:flex;align-items:center;padding:5px 0}.resume-btn{font-family:DM Sans,sans-serif;font-size:1.3rem;color:#fff;background-color:#2b2927;padding:3px 15px;border:2px white solid;border-radius:8px;margin-right:30px}.resume-btn:hover{color:#363432;background-color:#656565;text-decoration:none}a.resume-btn,a.resume-btn:visited,a.resume-btn:active{color:#fff!important;text-decoration:none}.link-btn{color:#fff;background-color:#2b2927;border:none;margin-right:30px;display:flex}.link-btn:hover{color:#fff}@media (max-width: 450px){.pfp{width:80px;height:80px}.title-text h1{margin:0 0 5px}}.segmented-control{display:flex;background-color:#2b2927;border:2px solid white;border-radius:12px;overflow:hidden;padding:5px;margin:40px 0}.sc-button{padding:5px 10px;border:none;border-radius:8px;width:50%;background-color:#2b2927;color:#fff;cursor:pointer;transition:background-color .3s ease,color .3s ease}.sc-button-active{background-color:#fff;color:#2b2927}.tab-content-wrapper{position:relative;overflow:hidden;transition:height .35s ease}.tab-panel{transition:opacity .35s ease,transform .35s ease}.tab-panel-active{opacity:1;transform:translateY(0)}.tab-panel-hidden{opacity:0;position:absolute;top:0;left:0;width:100%;pointer-events:none;transform:translateY(8px)}p{color:#fff}.expCard-container{display:flex;margin-bottom:26px}.expCard-container img{height:54px;width:54px;border-radius:10px;margin-right:20px;margin-top:4px}.exp-info h3,.exp-info h4,.exp-info p{margin:2px 0}.skills-container{display:flex;flex-direction:column;margin-bottom:50px}.skills-container h2{margin:40px 0}.skills{display:flex;flex-wrap:wrap}.skillCard-container{display:inline-flex;align-items:center;gap:10px;border:1px solid lightgray;border-radius:8px;padding:0 14px;margin-right:10px;margin-bottom:10px;transition:transform .5s ease,box-shadow .2s ease-in-out}.skillCard-container:hover{transform:translateY(-2px)}.skillCard-container img{height:16px;margin-bottom:1px}.projects-container{margin-bottom:50px;padding:0}.projects-container h2{margin:40px 0}.project-card-container{padding:0;width:100%;display:flex;flex-direction:column}.project-card{border:2px white solid;background-color:#2b2927;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:20px;gap:10px;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:34px;align-items:stretch}.project-card:hover{transform:translateY(-5px);background-color:#3c3a39}.project-card img{width:100%;border-radius:10px;border:1px solid lightgrey}.project-links{display:flex;align-items:center}.project-links a{border:1px white solid;color:#fff;text-decoration:none;border-radius:16px;padding:8px 10px;margin-right:10px;display:flex;align-items:center;gap:5px}.project-links a:hover{color:#3c3a39;background-color:#fff;text-decoration:none}.project-card-description{font-weight:400;flex:1}.proj-skill-container{display:flex;gap:8px;flex-wrap:wrap}.proj-skill{border:1px white solid;border-radius:8px;padding:2px 8px}.proj-skill:hover{background-color:#474442}.proj-skill p{margin:0;font-size:1.1rem}@media (min-width: 1300px){.project-card-container{flex-direction:row;flex-wrap:wrap;gap:4%}.project-card{width:48%}}.sa-container{margin:40px 0}.sa-container h2{margin-bottom:8px}.sa-blurb{margin:0 0 24px}.sa-blurb--loading{font-style:italic}.sa-layout{display:flex;gap:20px;align-items:flex-start}.sa-left{flex:1;min-width:0}.sa-right{width:220px;flex-shrink:0}.sa-col-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:white margin: 0 0 10px;font-weight:600}.sa-activity-list{display:flex;flex-direction:column;gap:8px}.sa-card{display:block;background-color:#2b2927;border:2px solid white;border-radius:10px;text-decoration:none;color:#fff;overflow:hidden;transition:background-color .2s ease,border-color .2s ease}.sa-card:hover{background-color:#3c3a39;border-color:#fc4c02;text-decoration:none;color:#fff}.sa-card:visited,.sa-card:active{color:#fff;text-decoration:none}.sa-card-main{padding:16px 20px}.sa-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sa-type{font-size:.85rem;color:#bbb;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sa-date{font-size:.85rem;color:#aaa}.sa-name{margin:4px 0 14px}.sa-stats{display:flex;gap:28px;margin-bottom:14px}.sa-stat{display:flex;flex-direction:column;gap:2px}.sa-stat-value{font-weight:700;margin:0}.sa-stat-label{font-size:.82rem;color:#aaa}.sa-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.sa-insight{font-size:.85rem;color:#bbb;font-style:italic}.sa-effort{font-size:.82rem;font-weight:600;padding:3px 9px;border-radius:5px;letter-spacing:.03em}.effort-strong{color:#4caf50;background-color:#4caf5026}.effort-moderate{color:#bbb;background-color:#ffffff12}.effort-easy{color:#999;background-color:#ffffff0d}.sa-card-hover{max-height:0;overflow:hidden;padding:0 20px;display:flex;flex-direction:column;gap:4px;border-top:0px solid #4a4745;transition:max-height .25s ease,padding .25s ease,border-top-width .25s ease}.sa-card:hover .sa-card-hover{max-height:120px;padding:12px 20px;border-top:1px solid #4a4745}.sa-hover-stat{font-size:.85rem;color:#bbb}.sa-hover-link{font-size:.85rem;color:#fc4c02;margin-top:2px}.sa-attribution{font-size:1rem;color:#fff;margin:10px 0 0;font-style:italic}.sa-weekly{background-color:#2b2927;border:2px solid white;border-radius:10px;padding:16px 20px}.sa-weekly-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.sa-weekly-stat{display:flex;flex-direction:column;gap:2px}.sa-weekly-value{font-weight:700;margin:0}.sa-weekly-label{font-size:.82rem;color:#aaa}.sa-weekly-change{font-size:.88rem;font-weight:600;margin:0 0 14px}.sa-change-up{color:#4caf50}.sa-change-down{color:#bbb}.sa-sparkline-wrap{margin-bottom:12px}.sa-sparkline-label{font-size:.75rem;color:#aaa;margin:4px 0 0}.sparkline-bar{fill:#4a4745}.sparkline-bar--current{fill:#888}.sa-synced{font-size:.75rem;color:#888;margin:0}@media (max-width: 700px){.sa-layout{flex-direction:column}.sa-right{width:100%}.sa-weekly-stats{flex-direction:row;gap:24px}}.contact-container{display:flex;justify-content:center;margin:60px 0 40px}.contact-btn{font-family:DM Sans,sans-serif;font-size:1.3rem;color:#fff;background-color:#2b2927;padding:8px 30px;border:2px white solid;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.contact-btn:hover{background-color:#656565;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .25s ease}.modal-content{background-color:#363432;border:2px solid white;border-radius:16px;padding:30px 40px;min-width:320px;max-width:420px;position:relative;animation:slideUp .3s ease}.modal-content h3{margin-bottom:20px;text-align:center}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.6;transition:opacity .2s ease}.modal-close:hover{opacity:1}.modal-links{display:flex;flex-direction:column;gap:14px}.modal-link{display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:10px;color:#fff;text-decoration:none;font-family:DM Sans,sans-serif;font-size:1.2rem;transition:background-color .2s ease}.modal-link:hover{background-color:#ffffff1a;color:#fff;text-decoration:none}.modal-link:visited,.modal-link:active{color:#fff;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 450px){.modal-content{min-width:unset;width:90vw;padding:24px 20px}}.footer-container{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.footer-container span{display:flex;gap:10px}.footer-container p{color:#d3d3d3;margin:2px 0}body{background-color:#2b2927;display:flex}.app-container{width:84vw;align-self:center;margin:0 8vw}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#2b2927}@media (min-width: 900px){.app-container{width:50vw;margin:0 25vw}}