*{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%}}.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:#363432}.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}}