body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#96909037;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.App>:first-child{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.text-overlay{align-items:center;display:flex;flex-direction:column;height:100%;pointer-events:none;position:relative;width:100%;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.focus-container{align-items:center;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;position:relative}.focus-word{cursor:pointer;font-size:3rem;font-weight:900;position:relative;transition:filter .3s ease,color .3s ease}.focus-word.active{filter:blur(0)}.focus-frame{border:none;box-sizing:initial;left:0;pointer-events:none;position:absolute;top:0}.corner{border:3px solid #fff;border:3px solid var(--border-color,#fff);border-radius:3px;filter:drop-shadow(0 0 4px #fff);filter:drop-shadow(0 0 4px var(--border-color,#fff));height:1rem;position:absolute;transition:none;width:1rem}.top-left{border-right:none;left:-10px}.top-left,.top-right{border-bottom:none;top:-10px}.top-right{border-left:none;right:-10px}.bottom-left{border-right:none;left:-10px}.bottom-left,.bottom-right{border-top:none;bottom:-10px}.bottom-right{border-left:none;right:-10px}.glitch{color:#fff;cursor:pointer;font-size:clamp(2rem,10vw,8rem);font-weight:900;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.glitch:after,.glitch:before{background-color:#060010;clip-path:inset(0 0 0 0);color:#fff;content:attr(data-text);overflow:hidden;position:absolute;top:0}.glitch:not(.enable-on-hover):after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch:not(.enable-on-hover):before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{animation:none;content:"";opacity:0}.glitch.enable-on-hover:hover:after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;content:attr(data-text);left:10px;opacity:1;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch.enable-on-hover:hover:before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;content:attr(data-text);left:-10px;opacity:1;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}
/*# sourceMappingURL=main.159ecf63.css.map*/