@font-face{
font-family:"Brockmann";
src:url("https://caioavillis.com/media/2026/01/brockmann-medium-webfont.woff") format("woff");
font-weight:500;
font-style:normal;
font-display:swap;
}
.caio-links{
display:flex;
flex-direction:column;
gap:6px;
}
a.caio-flip-link,
a.caio-flip-link:link,
a.caio-flip-link:visited,
a.caio-flip-link:hover,
a.caio-flip-link:active{
font-family:"Brockmann", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
font-size:15px !important;
line-height:1.25 !important;
color:#8b8b8b !important;
-webkit-text-fill-color:#8b8b8b !important;
text-decoration:none !important;
display:inline-block !important;
}
.caio-flip-wrapper{
display:block !important;
overflow:hidden !important;
height:1.7em !important;
}
.caio-flip-container{
display:block !important;
height:200% !important;
transition:transform .45s cubic-bezier(0.76, 0, 0.24, 1) !important;
will-change:transform;
}
.caio-flip-link:hover .caio-flip-container{
transform:translateY(-50%) !important;
}
.caio-flip-item{
height:50% !important;
display:flex !important;
align-items:center !important;
white-space:nowrap !important;
color:inherit !important;
-webkit-text-fill-color:inherit !important;
}
.caio-arrow{
margin-left:6px;
font-size:12px;
transform:translateY(-1px);
opacity:.9;
}