.skip-link{position:fixed;top:8px;left:8px;padding:12px 18px;background:#fff;color:#111;z-index:10000;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #3851b8;outline-offset:4px}
#main-content:focus{outline:none}
img{max-width:100%}
[id]{scroll-margin-top:100px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}
main{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
@media(max-width:767px){main>div{min-width:0;max-width:100%}.title-left{width:100%;max-width:100%}.project-grid,.grid-column{min-width:0}.section-work{width:100%}}
@media(max-width:767px){.project-wrap,.title-left{grid-template-columns:minmax(0,1fr)}.project-detail-wrap,.project-image-wrap{min-width:0}.section-work{padding-left:4%;padding-right:4%}}
@media(max-width:767px){.heading-5,.experience-wraper{width:100%;max-width:100%;min-width:0}.item-wrap{min-width:0;max-width:100%}.section-about,.section-experience,.section-skills,.section-email{width:100%;padding-left:4%;padding-right:4%}}