:root{--c-black:#1e1e1e;--c-white:#d2d2d2;--c-primary:#667eea;--c-secondary:#764ba2}*{box-sizing:border-box;margin:0;padding:0}.page{width:100%;height:100vh;color:var(--c-white);background-color:var(--c-black);justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;display:flex}.n5n{width:100%;text-align:center;cursor:default;font-size:clamp(16px,8rem,18vw);font-weight:400;position:relative;overflow-x:hidden}.n5n__long,.n5n__short{transition:color .4s,transform .8s,text-shadow .2s,clip-path .8s;display:inline-block}.n5n__long{clip-path:inset(0 50%);color:#0000;text-transform:lowercase;z-index:10;position:absolute;left:50%;overflow-x:hidden;transform:translate(-50%)scaleX(1.5)}.n5n__short{transform:none}.n5n:active .n5n__short,.n5n:focus .n5n__short,.n5n:hover .n5n__short{color:#0000;transform:scaleX(4)}.n5n:active .n5n__long,.n5n:focus .n5n__long,.n5n:hover .n5n__long{width:auto;clip-path:inset(0);color:inherit;transform:scaleX(1)translate(-50%)}
/*# sourceMappingURL=index.3e122cc7.css.map */