*{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,3.8rem);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.3rem;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:100px;height:100px}.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%}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%}}.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}}