*{margin:0;padding:0;box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media (min-width: 1280px) and (max-width: 1500px){.image-container{padding:40px 30px!important}.image-placeholder{width:280px!important;height:380px!important}.about-section{padding:40px 50px!important}}@media (min-width: 601px) and (max-width: 1279px){.hero{flex-direction:column!important}.image-container{flex:none!important;width:100%!important;padding:40px!important;justify-content:center!important}.image-placeholder{width:260px!important;height:350px!important}.about-section{flex:none!important;width:100%!important;padding:40px!important}.about-content{max-width:100%!important}.content-area{padding:60px 40px!important}.project-layout{flex-direction:column!important;gap:30px!important}.project-image-wrapper{width:100%!important;height:300px!important}}@media (max-width: 600px){html,body{overflow-x:hidden;width:100%}.hero{flex-direction:column!important;width:100%!important;min-height:auto!important}.image-container{flex:none!important;width:100%!important;max-width:100%!important;padding:30px 20px!important;display:flex!important;justify-content:center!important;align-items:center!important}.image-placeholder{width:220px!important;height:290px!important;margin:0 auto!important}.about-section{flex:none!important;width:100%!important;max-width:100%!important;padding:30px 20px!important}.about-content{max-width:100%!important;width:100%!important}.nav-bar{display:flex!important;flex-wrap:wrap!important;width:100%!important;padding:10px!important}.nav-bar button{flex:1 1 48%!important;margin:4px!important;padding:12px 10px!important;font-size:11px!important}.content-area{padding:30px 20px!important;width:100%!important}.project-layout{flex-direction:column!important;gap:20px!important}.project-image-wrapper{width:100%!important;height:220px!important}.skills-grid-container{grid-template-columns:1fr!important;gap:20px!important}h1{font-size:32px!important;letter-spacing:-.5px!important}h2{font-size:16px!important}h3{font-size:20px!important}h4{font-size:15px!important}p,li{font-size:14px!important;line-height:1.6!important}.social-links,[class*=connect]{flex-direction:column!important;align-items:center!important;gap:15px!important}.social-links img,[class*=connect] img{width:50px!important;height:50px!important}}