:root{font-family:system-ui,-apple-system,sans-serif;background-color:#fff;color:#111827}body{margin:0;min-height:100vh}.card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;max-width:20rem;margin:1rem auto}.NavBar{display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #e5e7eb}.nav-button{background:none;border:none;padding:0;font-size:1.5rem;font-weight:400;color:#000;cursor:pointer;transition:color .2s ease-in-out;font-family:inherit;margin-left:1rem;margin-right:1rem}.nav-button:hover{color:#000}.nav-button.active{color:#000;font-weight:500}.main-content{padding-top:10rem;padding-left:2rem;padding-right:2rem;max-width:80rem;margin:0 auto}.name-text{margin-right:8rem}.intro-content{display:flex;justify-content:center;align-items:horizontal;margin-top:5rem}.intro-text{max-width:40rem;font-size:1.25rem;line-height:1.6}.avatar-image{width:400px;height:500px;border-radius:10%;margin-right:3rem;object-fit:cover}.card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;width:20rem;height:25rem;margin:1rem}.dark-button{background-color:#353535;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.dark-button:hover{background-color:#000}.white-button{background-color:#fff;color:#000;border:1px solid #000000;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.white-button:hover{background-color:#000;color:#fff}.section-title{font-size:2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;margin-top:3rem;align-items:center;display:flex;justify-content:center}.card-container-horizontal{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.skills-list{display:flex;flex-direction:column;gap:15px;padding:20px;margin-right:1rem}.skill-item{display:flex;align-items:center;font-size:1.1rem;color:#333;margin-right:1rem}.skill-item img{width:3rem;height:3rem;margin-right:10px}.contact-section{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.footer{text-align:center;padding:1rem;margin-top:2rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}