.skills-section{padding:1rem 0;margin:2rem 0;width:100%;overflow:hidden}.skills-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;width:100%;margin:0 auto}.skills-category{min-width:0;width:100%;display:flex;flex-direction:column;gap:.8rem}.skills-category h4{color:var(--head-color);font-size:1.2rem;margin-bottom:1rem;text-align:center}.skills-list{display:flex;flex-direction:column;width:100%;gap:.8rem}.skill-item{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem;background-color:var(--card-color);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.skill-icon{font-size:1.5rem;color:var(--head-color)}.skill-name{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-stars{font-size:1rem;color:var(--head-color);margin-left:auto}.experience-section{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.experience-card{background-color:var(--card-color);border-radius:8px;padding:1.5rem;border:1px solid #fd7d147e}.experience-header{margin-bottom:1rem}.experience-header h4{color:var(--head-color);margin-bottom:.5rem}.experience-role{font-weight:500;color:var(--txt-color);opacity:.9}.experience-dates{font-size:.9rem;color:var(--head-color);margin-bottom:1rem}.experience-description p{margin:0;text-indent:0;line-height:1.6}.education-tasks{font-size:1.1rem;list-style:none;padding:0;margin:0}.education-tasks li{position:relative;padding-left:1.5em;margin-bottom:.5rem;line-height:1.6}.education-tasks li:before{content:"•";color:var(--head-color);position:absolute;left:.5em}.education-tasks li:last-child{margin-bottom:0}@media screen and (max-width: 1024px){.skills-container{gap:1rem}.skill-item{padding:.5rem .6rem}}@media screen and (max-width: 768px){.skills-container{gap:1rem}.skill-item{padding:.4rem .6rem}.experience-card{padding:1rem}.education-tasks li{padding-left:1.2em;font-size:.95rem}}@media screen and (max-width: 480px){.skills-container{grid-template-columns:1fr;gap:1.5rem}.skills-category{gap:.8rem}.skill-item{padding:.5rem}}.hamburger-btn{display:none;position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);z-index:1002;background:var(--bg-color);box-shadow:-5px 0 15px #706f6f73;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);color:var(--head-color);transition:all var(--transition-normal)}.hamburger-btn:hover{background:var(--card-color);transform:scale(1.1)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;visibility:hidden;opacity:0;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.mobile-overlay.active{visibility:visible;opacity:1}.mobile-menu{position:fixed;bottom:0;right:-100%;width:30%;height:100dvh;padding:var(--spacing-md) 0;transition:all var(--transition-normal);z-index:1001;visibility:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#2f2e2ea1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:-5px 0 15px #0006;border-radius:var(--radius-md);border:none;border-left:.1rem solid var(--head-color);border-top:.1rem solid var(--head-color);border-bottom:.1rem solid var(--head-color)}.mobile-menu.active{right:0;visibility:visible;opacity:1}.mobile-menu .menulink{transition:all .3s ease-in-out}@media screen and (max-width: 768px){.hamburger-btn{display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu nav{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-menu .nav-picture{margin-bottom:auto;width:60px;height:60px}.mobile-menu .menubar{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.mobile-menu .theme-toggle{margin-bottom:6rem}.mobile-menu .menulink{width:90%;text-align:center;font-size:1.2rem;border-radius:7px;transition:all .3s ease}.mobile-menu .menulink:hover{background:var(--bg-color);transform:translate(3px)}}@media screen and (max-width: 480px){.mobile-menu{width:50%}.hamburger-btn{bottom:var(--spacing-sm);right:var(--spacing-sm)}}:root{--bg-color-dark: #141e27;--txt-color-dark: #d5d1d1;--head-color-dark: #fd7e14;--card-color-dark: #25313b;--frame-color-dark: #121b23;--bg-color-light: #f5f5f5;--txt-color-light: #2d2d2d;--head-color-light: #fd7e14;--card-color-light: #ffffff;--frame-color-light: #e5e5e5;--breakpoint-sm: 320;--breakpoint-md: 480;--breakpoint-lg: 768;--breakpoint-xl: 1024;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 12px;--radius-full: 50%}@font-face{font-family:Moogalator;src:url(/assets/Moogalator-NonCommercial-B29vTYVn.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color-dark: #141e27;--txt-color-dark: #d5d1d1;--head-color-dark: #fd7e14;--card-color-dark: #25313b;--frame-color-dark: #121b23;--bg-color-light: #f5f5f5;--txt-color-light: #2d2d2d;--head-color-light: #fd7e14;--card-color-light: #ffffff;--frame-color-light: #e5e5e5;--bg-color: var(--bg-color-dark);--txt-color: var(--txt-color-dark);--head-color: var(--head-color-dark);--card-color: var(--card-color-dark);--frame-color: var(--frame-color-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none;background-color:var(--frame-color);min-height:100vh;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}body,.card-container,.menulink,.theme-toggle,.tag,.github-link{transition:background-color var(--transition-normal),color var(--transition-fast)}.horizontal-border-top,.horizontal-border-bottom,.tooltip,.tooltiptext{transition:none}body{min-height:calc(100vh - 2rem);border-inline:1rem solid var(--frame-color);background-color:var(--bg-color);color:var(--txt-color);margin:1rem 0;font-size:clamp(1rem,1vw + .875rem,1.2rem);line-height:clamp(1.5rem,1.5vw + 1.25rem,1.75rem);font-weight:300;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.horizontal-border-top,.horizontal-border-bottom{position:fixed;left:0;width:100%;height:1rem;background-color:var(--frame-color);z-index:1000;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.horizontal-border-top{top:0}.horizontal-border-bottom{bottom:0}h1,h2,h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--head-color)}h1{font-size:clamp(2rem,3vw + 1rem,3.5rem);line-height:clamp(2.25rem,3.5vw + 1rem,4rem)}h2{font-size:clamp(1.75rem,2vw + 1rem,3rem);line-height:clamp(2rem,2.5vw + 1rem,3.5rem);margin-bottom:clamp(2.5rem,3vw + 1.5rem,3.5rem)}h3{font-size:clamp(1.5rem,1.5vw + 1rem,2rem);line-height:clamp(1.75rem,2vw + 1rem,2.5rem);margin-bottom:clamp(1.5rem,1.5vw + .8rem,2rem)}p{margin-bottom:clamp(1rem,1vw + .8rem,1.5rem);text-indent:1.3em}strong{color:var(--head-color)}.app-container{display:flex;flex-direction:column;height:100%;max-width:960px;margin:0 auto;padding-top:calc(1rem + 2vw)}.sidebar{display:flex;text-align:center;width:12.5rem;height:auto;position:fixed;padding:.8rem;flex-direction:column}.desktop-menu{display:flex}.mobile-nav{display:none}.menubar{display:flex;flex-direction:column;margin-bottom:.5rem}.nav-picture{align-items:center;width:80px;height:80px;border-radius:50%;border:4px solid var(--head-color);margin:.8rem auto}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.menulink{display:block;color:var(--head-color);padding:.9rem;text-decoration:none;text-align:center;margin:.2rem;position:relative}.menulink:hover{background-color:var(--card-color);color:var(--txt-color);border-radius:7px}.menulink.active{font-weight:700;color:var(--txt-color);background-color:var(--card-color);border-radius:7px}.menulink:hover:before{content:attr(data-text);position:absolute;transform:translate(.3rem);color:inherit}.menulink:hover span{opacity:0}.theme-toggle{display:flex;align-items:center;justify-content:center;color:var(--head-color);background:var(--card-color);padding:.9rem;margin:1rem auto;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;animation:rubberBand 1s ease-in-out 2;animation-delay:2s}.theme-toggle:hover{color:var(--txt-color);scale:.85;box-shadow:var(--head-color-dark) 0 0 10px}.content{border-width:2px;border-style:solid;border-image:linear-gradient(180deg,var(--frame-color) 0%,var(--head-color) 50%,var(--frame-color) 100%) 0 0 0 1;margin-left:200px;margin-bottom:calc(1rem + 2vw);padding:0 1rem}.quote{display:flex;flex-direction:column;font-size:clamp(2rem,2vw + 1.5rem,3rem);line-height:clamp(2.5rem,2.5vw + 1.75rem,3.5rem);font-weight:900;text-align:center}.quote-name{font-family:Moogalator,sans-serif;color:var(--head-color);margin-top:1rem}.hero-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(2rem,5vw,3rem);padding:calc(.5rem + 1vw)}.quote,.hero-illustration{position:relative;z-index:2}.hero-illustration{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;background:none;transform-origin:center center;will-change:transform}.hero-svg{color:var(--head-color);width:100%;height:auto;fill:var(--bg-color);background:none;max-width:clamp(250px,35vw,350px)}.tech-marquee-container{position:relative;padding:1rem 0;margin:0 2rem 2rem;display:flex;flex-direction:column;gap:.6rem}.tech-item{border-left:1px solid;text-transform:uppercase;color:var(--head-color);font-weight:700;padding:0 .5rem;font-size:clamp(1rem,1.5vw + .5rem,1.5rem);font-family:Verdana,sans-serif}.tech-item:hover{opacity:1}.tech-marquee-container:before,.tech-marquee-container:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2}.tech-marquee-container:before{left:0;background:linear-gradient(90deg,var(--bg-color) 0%,transparent 100%)}.tech-marquee-container:after{right:0;background:linear-gradient(270deg,var(--bg-color) 0%,transparent 100%)}.projects-section-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,auto));gap:clamp(.7rem,1vw + .5rem,1.2rem);justify-content:flex-start;min-height:fit-content}.card-container{margin-top:1rem;list-style:none;background-color:var(--card-color);border-radius:clamp(.4rem,.5vw + .3rem,.7rem);padding:clamp(.8rem,1vw + .5rem,1.5rem);line-height:clamp(1.3,1vw + 1.2,1.5);font-size:clamp(.875rem,.75vw + .8rem,1rem);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(.5rem,.8vw + .3rem,1rem);border:1px solid #fd7d147e}.card-container a{text-decoration:none;display:flex;align-items:center;justify-content:center;padding:.5rem}.card-container h3{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;width:100%}.card-container i{color:var(--head-color);font-size:clamp(.9rem,.8vw + .7rem,1.2rem);position:static;margin:0}.subtitle{display:flex;justify-content:center;width:100%;margin:-1rem 0 .5rem;padding:.2rem;color:var(--txt-color);opacity:.8;letter-spacing:.5px}.proj-description{margin:0}.tags-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.3rem}.tag{display:inline-flex;align-items:center;border-radius:4px;padding:.2em .5em;background:var(--frame-color);color:var(--head-color);font-weight:400;font-size:clamp(.65rem,.5vw + .6rem,.8rem);border:1px solid #fd7d147f;transition:all .2s ease-in-out}.github-link{color:var(--head-color);padding:.3em .5em;text-decoration:none;font-size:inherit;font-weight:600;margin:.5rem 0;cursor:pointer}.github-link:hover{background-color:var(--frame-color);border-inline-start:4px solid var(--head-color);border-radius:.3em;font-weight:300}.contact-container{display:flex;flex-direction:column;margin:0;padding:0}.contact-container ul{text-align:center;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:3rem 0;padding:0}.contact-container ul li{font-size:3rem;margin:.5rem}.contact-container ul li a{color:var(--head-color);text-decoration:none}.contact-container ul li a span{font-size:1rem}.footer{text-align:center;font-size:clamp(.8rem,1vw + .5rem,1rem);line-height:1.5;margin-top:1rem}.footer p{font-size:inherit;text-indent:0;margin-bottom:0}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted var(--head-color);color:var(--head-color);cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:12rem;background-color:#000;color:var(--head-color);text-align:center;border-radius:6px;padding:.7rem;position:absolute;z-index:1;left:-4rem;top:-2.5rem}.tooltip:hover .tooltiptext{visibility:visible;font-size:.9rem}@media (prefers-color-scheme: light){:root{--bg-color: var(--bg-color-light);--txt-color: var(--txt-color-light);--head-color: var(--head-color-light);--card-color: var(--card-color-light);--frame-color: var(--frame-color-light)}}:root[data-theme=light]{--bg-color: var(--bg-color-light);--txt-color: var(--txt-color-light);--head-color: var(--head-color-light);--card-color: var(--card-color-light);--frame-color: var(--frame-color-light)}:root[data-theme=dark]{--bg-color: var(--bg-color-dark);--txt-color: var(--txt-color-dark);--head-color: var(--head-color-dark);--card-color: var(--card-color-dark);--frame-color: var(--frame-color-dark)}@media screen and (max-width: 1024px){.hero-container{flex-direction:row;padding:0;margin-top:1.5rem}.hero-illustration{order:2;width:clamp(250px,30vw,350px)}.quote{order:1;text-align:center;text-wrap:balance;flex:1;max-width:60%;font-size:clamp(1.8rem,3vw + 1rem,2.5rem);line-height:clamp(2.2rem,3vw + 1rem,3rem)}.content{margin-left:13rem;padding:0 1.5rem}}@media screen and (max-width: 768px){body{margin:0;border:none}.hero-container{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:clamp(.5rem,1vw,1rem)}.hero-illustration{width:clamp(180px,40vw,250px);margin:0 auto;order:1}.quote{max-width:100%;text-align:center;font-size:clamp(1.5rem,3.5vw + 1rem,3rem);line-height:clamp(2rem,2.5vw + 1rem,2.5rem);margin:1rem auto;order:2}.desktop-menu,.sidebar{display:none}.content{max-width:100%;margin-left:0;padding:1rem}.mobile-nav{display:block}.horizontal-border-top,.horizontal-border-bottom{display:none}.tech-marquee-container{margin:2rem}.footer{font-size:clamp(.7rem,.8vw + .5rem,.9rem)}}@media screen and (max-width: 480px){.hero-container{gap:1rem;padding:.5rem}.hero-illustration{width:clamp(150px,50vw,200px)}.quote{line-height:clamp(1.8rem,2vw + 1rem,2.2rem);margin:.5rem auto}h2{font-size:2.5rem;line-height:1.2}p,.proj-description{font-size:clamp(1.1rem,1vw + 1rem,1.4rem);line-height:clamp(1.7rem,1.5vw + 1.35rem,1.95rem)}.menubar{padding:.5rem;margin-bottom:1rem}.menulink{width:100%;margin:.1rem 0}.projects-section-container{grid-template-columns:1fr}.footer{font-size:clamp(.6rem,.7vw + .4rem,.8rem);margin-top:.5rem}.footer p{font-size:inherit;line-height:inherit}}