:root{--black-color:#191a19;--white-color:#fafafa;--pikachu-color:#f3cf21;--background-color:var(--black-color);--serif-font:"Playfair Display",serif;--font-family:var(--serif-font);--ease:cubic-bezier(.62,.05,.01,.99)}body{background-color:var(--background-color)}.wrapper{width:100vw;height:100vh;justify-content:center;align-items:center;gap:max(1rem,min(3vw,2rem));display:flex}.menu-link{width:max-content;color:var(--white-color);padding-bottom:.2em;font-size:max(1.5rem,min(5vw,4rem));line-height:1;text-decoration:none;position:relative}.menu-link:before{content:"";transform-origin:0;width:100%;height:.075em;background-color:var(--pikachu-color);transition:all .35s ease-out;position:absolute;bottom:0;transform:scaleX(0)}.menu-link:hover:before{transition-delay:.2s;transform:scaleX(1)}.menu-link:hover .primary{transform:translateY(-.5em)rotateX(90deg)}.menu-link:hover .secondary{transform:translateY(0)}.menu-link span{transform-origin:50%;transform-style:preserve-3d;white-space:nowrap;transition:all .35s ease-out;display:inline-block}.menu-link .primary{position:relative}.menu-link .secondary{position:absolute;left:0;transform:translateY(.5em)rotateX(90deg)}
/*# sourceMappingURL=rotating-text-on-hover-page.36cf8811.css.map */