*{box-sizing:border-box}body{height:100vh;background:radial-gradient(ellipse at bottom,#2e5383 0,#090a0f 100%);overflow:hidden;-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px white);font-family:"Chivo Mono","Franklin Gothic Medium","Arial Narrow",Arial,"Times New Roman",Times,sans-serif,serif;color:hsla(0,0%,100%,.85)}#navbar{color:#325481;font-size:90px;font-family:Rubik Spray Paint;letter-spacing:10px}#category-container,#navbar{text-align:center;max-width:900px;margin:15px auto;font-weight:bolder}#category-container{display:grid;grid-template-rows:repeat(auto-fit,50px);grid-template-columns:repeat(auto-fit,150px);grid-gap:10px;padding:5px 20px;justify-content:center}#word-container{display:flex;max-width:900px;margin:18px auto;text-align:center;justify-content:center}.separator{margin:5px auto;max-width:900px}#stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,260px));justify-content:center;grid-gap:15px;margin:10px auto;max-width:900px;text-align:center;font-weight:700}#stats-container>p{margin:3px 5px}#dynamic-elements-container{min-height:200px}#word-count-container{max-width:900px;margin:0 auto;text-align:center;font-weight:700}#category-header-container{max-width:100px;margin:15px auto;display:flex;font-size:18px;justify-content:center}.category{margin:0 5px;border:3px solid #333;box-shadow:4px 4px 0 0 #063c56;padding:10px;background:rgba(46,83,131,.46);color:#f0f8ff;height:50px;width:150px;cursor:pointer}.category:hover{background:rgba(89,129,181,.46)}.single-category{cursor:pointer}.selected-category{background:#476e81;color:#fff}.completed-category{background:#d6b42a!important;color:#fff;pointer-events:none}.word-alphabet{text-align:center;margin:2px}.placeholder-label{text-align:center;font-weight:700;color:hsla(0,0%,100%,.85);font-size:20px}.placeholder-span{display:block;text-align:center;border-bottom:5px solid hsla(0,0%,100%,.5);width:20px}#alphabet-container{display:grid;grid-template-rows:repeat(auto-fit,50px);grid-template-columns:repeat(auto-fit,88px);grid-gap:15px;padding:20px;margin:30px auto;max-width:1100px;justify-content:center}.alphabet{width:50px;height:50px;border:3px solid #333;text-align:center;box-shadow:4px 4px 0 0 #063c56;background:rgba(46,83,131,.46);position:relative;overflow:hidden;transform-origin:bottom right;color:#fff}.single-alphabet{font-size:35px;font-weight:700;padding:15px 0}.alphabet:hover{transform:translateY(-.1em);-webkit-transform:translateY(-.1em)}.alphabet-span-background{content:"";height:100%;width:100%;background:#ffd100;position:absolute;z-index:0;bottom:0;left:0;transform:scaleY(0);transform-origin:bottom;transition:transform .2s cubic-bezier(.75,0,.25,1)}.shifter{-webkit-animation:shift .3s cubic-bezier(.5,0,.5,1);animation:shift .3s cubic-bezier(.5,0,.5,1);display:block;padding:0}@-webkit-keyframes shift{44.9%{transform:translateX(20px)}45%{transform:translateX(-20px)}55%{transform:translateX(-20px)}0%{transform:translateX(0)}}@keyframes shift{44.9%{transform:translateX(20px)}45%{transform:translateX(-20px)}55%{transform:translateX(-20px)}0%{transform:translateX(0)}}.game-end-container{position:absolute;z-index:100;left:calc(50% - 150px);top:40%;width:300px;height:200px;border-radius:150px;display:flex;align-items:center;justify-content:center;-webkit-filter:drop-shadow(0 0 20px #7ba7bc);filter:drop-shadow(0 0 20px #7ba7bc);-webkit-animation:revealContainer .2s cubic-bezier(0,.96,.87,1.5) 1s both;animation:revealContainer .2s cubic-bezier(0,.96,.87,1.5) 1s both;opacity:0}.btn,.game-end-container{background-color:hsla(0,0%,100%,.85);text-align:center}.btn{color:#644566;text-decoration:none;margin:0 1em;box-shadow:inset 0 0 0 0 #444,.3em .2em 0 0 #7ba7bc;border:.2em solid #444;padding:.75em;transition:box-shadow .25s;height:40px;cursor:pointer;font-weight:700}.btn-small{padding:.7em}.btn:hover{box-shadow:inset 0 4em 0 0 #7ba7bc,0 0 0 0 #444;transform:translate(.3em,.2em);-webkit-transform:translate(.3em,.2em);color:hsla(0,0%,100%,.85)}@-webkit-keyframes revealContainer{0%{opacity:0;transform:translate3d(0,-200px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes revealContainer{0%{opacity:0;transform:translate3d(0,-200px,0)}to{opacity:1;transform:translateZ(0)}}.footer{max-width:900px;margin:20px auto;text-align:center}.footer-link a{color:hsla(0,0%,100%,.53);background-image:linear-gradient(180deg,transparent 65%,rgba(173,165,15,.27) 0);background-size:0 100%;background-repeat:no-repeat;text-decoration:none;transition:background-size .4s ease;font-weight:700}.footer-link a:hover{background-size:100% 100%;cursor:pointer}
/*# sourceMappingURL=main.37870161.chunk.css.map */