:root{--primary-color: #111;--light-primary-color: #444;--darkest-primary-color: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--darkest-primary-color);color:#111;scroll-behavior:smooth;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.left-right-section{display:flex;align-items:center;gap:3rem;padding:6rem 2rem;max-width:900px;margin:auto}.left-right-section.reverse{flex-direction:row-reverse}.left-right-section img{width:100%;border-radius:15px;box-shadow:0 0 20px #00000026}.lr-p{font-size:1rem;line-height:1.5;text-align:center;color:#555;margin-top:1rem}.skills-container{display:flex;max-width:1200px;margin:auto;gap:3rem;padding:2rem}.skills-list{flex:1}.skill-item{margin-bottom:75vh;margin-top:75vh;padding-bottom:2rem}.skill-item h2{font-size:2rem}.skill-item p{font-size:1.1rem;line-height:1.6;color:#555}.skills-image{flex-basis:40%;position:sticky;top:2rem;height:calc(100vh - 4rem);display:flex;justify-content:center;align-items:center;background:transparent}footer{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;background:#0a0a0a}@media (max-width: 768px){.hero-title{font-size:clamp(2rem,8vw,3rem)}.typewriter{font-size:clamp(1.2rem,5vw,2rem)}.hero-typewriter{white-space:normal;overflow-wrap:break-word}.left-right-section,.left-right-section.reverse{flex-direction:column}.left-right-section .lr-image{order:-1}.skills-container{flex-direction:column}.skill-item{margin:0 0 2rem!important;padding:0}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skills-image{position:static;height:auto;max-height:320px;margin-bottom:1.5rem}}body.custom_scroller{scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}body.custom_scroller::-webkit-scrollbar{width:10px}body.custom_scroller::-webkit-scrollbar-track{background:transparent}body.custom_scroller::-webkit-scrollbar-thumb{background-color:#cfcfcf;border-radius:9999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease}body.custom_scroller::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}