@import "https://fonts.googleapis.com/css2?family=Monoton&display=swap";
@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Story+Script&display=swap";
.sticky-cards{background-color:var(--bg);width:100%;height:100%;position:relative}.sticky-card{background-color:var(--fg);color:#fff;will-change:transform;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.sticky-card:after{content:"";width:100%;height:100%;opacity:var(--after-opacity,0);pointer-events:none;z-index:2;background-color:#00000080;transition:opacity .1s;position:absolute;top:0;left:0}.sticky-card img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sticky-card h1,.sticky-card .rank-name{z-index:2;position:relative}.sticky-card h1{font-family:Story Script,sans-serif;font-size:9rem}.rank-name{align-items:center;gap:2rem;display:flex}.rank-name p{text-transform:uppercase;font-family:Geist,sans-serif}.rank-name h2{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEC163",endColorstr="#DE4313",GradientType=1);background:linear-gradient(90deg,#fec163 0%,#de4313 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Monoton,sans-serif;font-size:5rem}@media screen and (max-width:600px){.sticky-card h1{font-size:4.5rem}.rank-name{gap:1rem}.rank-name h2{font-size:4rem}}