@layer theme,base,nav,section,animation;@layer theme{:root{color-scheme:light;--border-radius: 4px;--size-1: .25rem;--size-2: .5rem;--size-3: 1rem;--size-4: 2rem;--media-width-xm: 480px;--media-width-sm: 600px;--media-width-md: 720px;--media-width-lg: 960px;--media-width-xl: 1280px;--neutral-c: .01;--neutral-h: 250;--neutral-5: oklch(5% var(--neutral-c) var(--neutral-h));--neutral-10: oklch(10% var(--neutral-c) var(--neutral-h));--neutral-15: oklch(15% var(--neutral-c) var(--neutral-h));--neutral-20: oklch(20% var(--neutral-c) var(--neutral-h));--neutral-25: oklch(25% var(--neutral-c) var(--neutral-h));--neutral-30: oklch(30% var(--neutral-c) var(--neutral-h));--neutral-35: oklch(35% var(--neutral-c) var(--neutral-h));--neutral-40: oklch(40% var(--neutral-c) var(--neutral-h));--neutral-45: oklch(45% var(--neutral-c) var(--neutral-h));--neutral-50: oklch(50% var(--neutral-c) var(--neutral-h));--neutral-55: oklch(55% var(--neutral-c) var(--neutral-h));--neutral-60: oklch(60% var(--neutral-c) var(--neutral-h));--neutral-65: oklch(65% var(--neutral-c) var(--neutral-h));--neutral-70: oklch(70% var(--neutral-c) var(--neutral-h));--neutral-75: oklch(75% var(--neutral-c) var(--neutral-h));--neutral-80: oklch(80% var(--neutral-c) var(--neutral-h));--neutral-85: oklch(85% var(--neutral-c) var(--neutral-h));--neutral-90: oklch(90% var(--neutral-c) var(--neutral-h));--neutral-95: oklch(95% var(--neutral-c) var(--neutral-h));--primary-c: .15;--primary-h: 240;--primary-10: oklch(10% var(--primary-c) var(--primary-h));--primary-15: oklch(15% var(--primary-c) var(--primary-h));--primary-20: oklch(20% var(--primary-c) var(--primary-h));--primary-25: oklch(25% var(--primary-c) var(--primary-h));--primary-30: oklch(30% var(--primary-c) var(--primary-h));--primary-35: oklch(35% var(--primary-c) var(--primary-h));--primary-40: oklch(40% var(--primary-c) var(--primary-h));--primary-45: oklch(45% var(--primary-c) var(--primary-h));--primary-50: oklch(50% var(--primary-c) var(--primary-h));--primary-55: oklch(55% var(--primary-c) var(--primary-h));--primary-60: oklch(60% var(--primary-c) var(--primary-h));--primary-65: oklch(65% var(--primary-c) var(--primary-h));--primary-70: oklch(70% var(--primary-c) var(--primary-h));--primary-75: oklch(75% var(--primary-c) var(--primary-h));--primary-80: oklch(80% var(--primary-c) var(--primary-h));--primary-85: oklch(85% var(--primary-c) var(--primary-h));--primary-90: oklch(90% var(--primary-c) var(--primary-h));--primary-95: oklch(95% var(--primary-c) var(--primary-h));--body-bg: white;--body-fg: var(--neutral-50);--scroll-bg: var(--neutral-90);--scroll-thumb-bg: var(--neutral-75);--scroll-thumb-bg-hover: var(--neutral-70);--scroll-thumb-bg-active: var(--neutral-60);--selection-bg: var(--primary-85);--selection-fg: var(--neutral-50);--outline-color-focus: var(--primary-70);--outline-width-focus: 3px;--nav-bg: white;--nav-border-color: var(--neutral-90);--menu-fg: var(--neutral-50);--menu-bg-hover: var(--neutral-95);--menu-fg-hover: var(--primary-50);--menu-bg-active: var(--neutral-95);--menu-fg-active: var(--primary-50);--menu-ripple-bg: var(--neutral-90);--btn-bg: var(--neutral-95);--btn-fg: var(--neutral-60);--btn-bg-hover: var(--primary-65);--btn-fg-hover: white;--btn-bg-active: var(--primary-70);--btn-fg-active: white;--section-border-color: var(--neutral-90);--skill-bg: var(--neutral-95);--skill-fg: var(--neutral-40)}:root[data-contrast=more]{a{transition:none}--body-bg: white;--body-fg: black;--scroll-bg: var(--neutral-85);--scroll-thumb-bg: black;--scroll-thumb-bg-hover: blue;--scroll-thumb-bg-active: purple;--selection-bg: blue;--selection-fg: white;--outline-color-focus: blue;--nav-bg: white;--nav-border-color: black;--menu-fg: black;--menu-bg-hover: blue;--menu-fg-hover: white;--menu-bg-active: purple;--menu-fg-active: white;--menu-ripple-bg: transparent;--btn-bg: white;--btn-fg: black;--btn-bg-hover: blue;--btn-fg-hover: white;--btn-bg-active: purple;--btn-fg-active: white;--section-border-color: black;--skill-bg: white;--skill-fg: black}:root[data-theme=dark]{color-scheme:dark;--body-bg: var(--neutral-20);--body-fg: var(--neutral-90);--scroll-bg: var(--neutral-30);--scroll-thumb-bg: var(--neutral-40);--scroll-thumb-bg-hover: var(--neutral-50);--scroll-thumb-bg-active: var(--neutral-40);--selection-bg: var(--primary-70);--selection-fg: var(--neutral-20);--outline-color-focus: var(--primary-70);--nav-bg: var(--neutral-20);--nav-border-color: var(--neutral-30);--menu-fg: var(--neutral-90);--menu-bg-hover: var(--neutral-25);--menu-fg-hover: var(--primary-70);--menu-bg-active: var(--neutral-25);--menu-fg-active: var(--primary-70);--menu-ripple-bg: var(--neutral-70);--btn-bg: var(--neutral-25);--btn-fg: var(--neutral-90);--btn-bg-hover: var(--primary-55);--btn-fg-hover: white;--btn-bg-active: var(--primary-60);--btn-fg-active: white;--section-border-color: var(--neutral-30);--skill-bg: var(--neutral-25);--skill-fg: var(--neutral-90)}:root[data-theme=dark][data-contrast=more]{--body-bg: black;--body-fg: white;--scroll-bg: var(--neutral-30);--scroll-thumb-bg: white;--scroll-thumb-bg-hover: aqua;--scroll-thumb-bg-active: yellow;--selection-bg: yellow;--selection-fg: black;--outline-color-focus: cyan;--nav-bg: black;--nav-border-color: white;--menu-fg: white;--menu-bg-hover: aqua;--menu-fg-hover: black;--menu-bg-active: yellow;--menu-fg-active: black;--btn-bg: black;--btn-fg: white;--btn-bg-hover: aqua;--btn-fg-hover: black;--btn-bg-active: yellow;--btn-fg-active: black;--section-border-color: white;--skill-bg: black;--skill-fg: white}}@layer base{@font-face{src:local("Inter-Medium.woff2"),url("./Poppins-SemiBold-UEJONX7B.woff2") format("woff2");font-family:Poppins SemiBold;font-style:normal;font-weight:600;font-display:swap}@font-face{src:local("Inter"),url("./Inter-Medium-EQWQJPXY.woff2") format("woff2");font-family:Inter;font-style:normal;font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0;outline:none}html{scroll-behavior:smooth;scrollbar-color:var(--body-fg) transparent}body{background:var(--body-bg);font:500 1rem/1.5 Inter,system-ui,sans-serif;color:var(--body-fg);transition:all .2s}::-webkit-scrollbar{width:8px;background:var(--scroll-bg)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-bg-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-bg-active)}mark,::selection,::search-text:current{background:var(--selection-bg);color:var(--selection-fg)}:focus-visible{outline:var(--outline-width-focus) solid var(--outline-color-focus)}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-family:Poppins SemiBold,system-ui,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}ul{list-style:none}img,svg{display:block;max-width:100%;height:auto}a{text-decoration:none;color:var(--primary-70);transition:all .2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer layout{body{display:grid;grid-template-areas:"menu main controls" "menu main controls" "footer main controls";grid-template-columns:auto 1fr auto;max-width:1200px;margin-inline:auto}#skip-link{position:absolute;top:-999px;left:-999px;z-index:9999;padding:1rem;background:var(--btn-bg);color:var(--body-fg);border-radius:var(--border-radius);transition:none}#skip-link:focus{top:1rem;left:1rem}header{grid-area:menu;position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;align-self:start;padding:var(--size-3)}main{grid-area:main;display:flex;flex-direction:column;gap:var(--size-4);position:relative;max-width:720px;padding:0 var(--size-3) var(--size-3)}aside{grid-area:controls;position:sticky;top:0;display:grid;grid-template:"color" "gap" "page";grid-template-rows:auto minmax(8px,1fr) auto;height:100vh;justify-items:end;padding:var(--size-3);#section-control{grid-area:page;display:flex;gap:8px;line-height:0}#color-control{grid-area:color;display:flex;flex-direction:column;gap:8px;line-height:0}}footer{grid-area:footer;display:flex;align-self:end;position:sticky;bottom:0;padding:var(--size-3);@media(height<540px){display:none}}@media(width<=720px){body{grid-template-areas:"main main main" "menu menu menu";grid-template-columns:1fr auto;place-content:space-between;gap:var(--size-3);height:100dvh}header{position:sticky;top:auto;bottom:0;display:flex;align-items:center;min-width:100%;height:56px;padding:0;background:var(--nav-bg);border-top:1px solid var(--nav-border-color);z-index:1}main{min-width:100%;gap:var(--size-3);padding:0 var(--size-3)}aside,footer{display:none}}}@layer nav{h1{display:flex;align-items:center;padding:var(--size-3);font-size:2rem;line-height:1;text-transform:uppercase}#menu{display:flex;flex-direction:column;gap:var(--size-2)}#menu a{overflow:hidden;position:relative;display:flex;align-items:center;gap:0 var(--size-2);height:56px;padding:0 var(--size-3);border-radius:var(--border-radius);line-height:1;color:var(--menu-fg);transition:all .2s;will-change:all;&:hover{background:var(--menu-bg-hover)}&:active,&[aria-current=true]{background:var(--menu-bg-active);color:var(--menu-fg-active);transform:translateY(1px)}&:hover,&:active,&[aria-current=true]{transform:translate(var(--size-1))}&:focus-visible{transition:none}.icon{display:none;width:var(--size-3);height:var(--size-3);fill:currentcolor}.name{display:flex;@media(width<=320px){display:none}}.ripple{position:absolute;top:0;left:0;width:8px;height:8px;background:var(--menu-ripple-bg);border-radius:50%;transform:scale(0);animation:ripple .8s linear;opacity:.4}}address{ul{display:flex;gap:var(--size-2);line-height:0}span{display:none}}.btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;background:var(--btn-bg);border:none;border-radius:var(--border-radius);color:var(--btn-fg);transition:all .2s;&:hover{cursor:pointer;background:var(--btn-bg-hover);color:var(--btn-fg-hover)}&:active{background:var(--btn-bg-active);color:var(--btn-fg-active);transform:translate3d(0,1px,0);transition:none}&:focus-visible{transition:none}.icon{width:24px;height:24px;fill:currentcolor}}[data-contrast=more]{#menu a{border:3px solid var(--menu-fg);transition:none;transform:none;&:hover,&:focus-visible{background:var(--menu-bg-hover);border-color:var(--menu-bg-hover);color:var(--menu-fg-hover)}&:active,&[aria-current=true]{background:var(--menu-bg-active);border-color:var(--menu-bg-active);color:var(--menu-fg-active);&:focus-visible{outline:var(--outline-width-focus) solid var(--menu-bg-active)}}&:focus-visible{border-color:currentcolor;outline:var(--outline-width-focus) solid var(--menu-bg-hover)}}.btn-icon{transition:none;border:var(--outline-width-focus) solid currentcolor;&:hover{border-color:var(--btn-bg-hover)}&:active{border-color:var(--btn-bg-active)}&:focus-visible{background:var(--btn-bg-hover);border-color:currentcolor;outline:var(--outline-width-focus) solid var(--btn-bg-hover);color:var(--btn-fg-hover)}}}[data-contrast=more]{#menu a .ripple{display:none}}@media(width<=720px){header{h1,address,#menu li:has(a[href="#formacao"]),#menu li:has(a[href="#servicos"]){display:none}nav{flex:1}}main{#formacao,#servicos{display:none}}#menu{display:grid;grid-template-columns:repeat(4,1fr);gap:0;min-width:100%;li{display:flex;place-items:center;flex-grow:1}}#menu a{flex-direction:column;place-content:center;flex-grow:1;gap:var(--size-2);padding:0;border-top:3px solid transparent;border-radius:0;transition:all .3s;-webkit-tap-highlight-color:rgba(255 255 255 / .1);&:hover,&:active,&[aria-current=true]{transform:none}i{display:block;margin-bottom:6px;text-align:center;font-size:18px}&[aria-current=true]{border-color:currentcolor}.icon{display:block}.name{font-size:13px}.ripple{display:none}}}}@layer section{main{section>ul{display:flex;flex-direction:column;gap:var(--size-4)}h2{padding-block:var(--size-4);font-size:2rem;line-height:1;text-transform:uppercase}.name,.org,.time{line-height:1.8}.time{font-size:.9rem}}#sobre{img{display:block;margin-block-end:var(--size-3);border-radius:var(--border-radius);transition:all .2s}p{padding-block:0}}#habilidades h3{margin-block-end:var(--size-2)}.skills{display:flex;flex-wrap:wrap;gap:var(--size-2);.name{margin-bottom:var(--size-2)}.skill{flex:auto 0 0;padding:4px 12px;background:var(--skill-bg);color:var(--skill-fg);border-radius:var(--border-radius)}}@media(width<=720px){main{section{display:none;position:relative;width:auto;height:auto;margin-bottom:0;border-top:1px solid var(--section-border-color)}section[aria-current=true]{display:block}section>ul{gap:0}h2{padding-block:var(--size-4) 0;font-size:1.5rem}section:first-child h2{padding-block:var(--size-4)}section>ul>li{padding-block:var(--size-4);border-bottom:1px solid var(--section-border-color);&:last-child{padding-bottom:var(--size-3);border-bottom:none}}.name,.org,.time{line-height:1.5}}}[data-contrast=more]{.skills{.skill{padding:0}.skill:after{content:","}.skill:last-child:after{content:""}}}[data-theme=dark]{main img{filter:brightness(.8) contrast(1.2)}}}@layer animation{.animation{will-change:transform;animation-fill-mode:forwards}.fade-in{animation:fade-in}.fade-out{animation:fade-out}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}[date-contrast=more]{a{animation:none;transition:none}}@media(width<=720px){a{animation:none;transition:none}}@media screen and (prefers-reduced-motion:reduce),(update:slow){*,:before,:after{animation:none;transition:none}}}