body{margin:0;font-family:"Helvetica","Arial","sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.top{top:0}.left{left:0}.right{right:0}.bottom{bottom:0}.arrowAlt{width:70px;height:40px;font-size:40px}.column{flex-direction:column}.column,.row{display:flex;width:100%}.row{flex-direction:row}.arrow{width:20vh;margin:5vh auto;display:flex;justify-content:center;align-items:center;color:#232b2b}.left,.right{margin-left:0;margin-right:0}.left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.up{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.line{width:300px;background:#232b2b;height:2px;float:left}.hint-arrow-left{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hint-arrow-left,.hint-arrow-right{display:inline-block;border-right:10px solid #f76902;border-bottom:10px solid #f76902;width:50px;height:50px;-webkit-animation:soft-blink .5s linear infinite;animation:soft-blink .5s linear infinite}.hint-arrow-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hint-arrow-up{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-animation:soft-blink .5s linear infinite;animation:soft-blink .5s linear infinite}.hint-arrow-down,.hint-arrow-up{display:inline-block;border-right:10px solid #f76902;border-bottom:10px solid #f76902;width:50px;height:50px}.hint-arrow-down{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:soft-blink .5s ease infinite;animation:soft-blink .5s ease infinite}.highlight-point{border-radius:10px;padding-right:10px;padding-left:10px;height:40px}@-webkit-keyframes soft-blink{0%{opacity:0}50%{opacity:.4}to{opacity:.8}}@keyframes soft-blink{0%{opacity:.1}50%{opacity:.4}to{opacity:.8}}.point{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid;float:right;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dot{height:25px;width:25px;background-color:#bbb;border-radius:50%;border:2px solid #232b2b;display:flex;justify-content:center;align-items:center;color:#fff}.livesContainer{display:"flex";flex-direction:row;background-color:initial}.object{-webkit-animation:createBox 2s infinite;animation:createBox 2s infinite}@-webkit-keyframes createBox{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes createBox{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.hud{display:flex;justify-content:space-around;flex-direction:row;height:100%}.score{display:flex;background-color:#bbb;padding-left:5px;padding-right:5px;height:100%;width:90px;color:#fff;font-weight:700;font-size:25px}.dpad,.score{justify-content:center;align-items:center}.dpad{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;-ms-align-items:center;-ms-justify-content:center;display:flex;flex-direction:column}.dpadSize{height:500px;width:500px}.wordcross{-webkit-animation:shake .2s;animation:shake .2s}.correctAnswer{color:green}@-webkit-keyframes flash{0%{opacity:1}10%{opacity:.8}20%{opacity:.6}30%{opacity:.4}40%{opacity:.2}50%{opacity:0}60%{opacity:.2}70%{opacity:.4}80%{opacity:.6}90%{opacity:.8}to{opacity:1}}@keyframes flash{0%{opacity:1}10%{opacity:.8}20%{opacity:.6}30%{opacity:.4}40%{opacity:.2}50%{opacity:0}60%{opacity:.2}70%{opacity:.4}80%{opacity:.6}90%{opacity:.8}to{opacity:1}}.highlight,.hint{padding:5px;margin-top:5px;margin-bottom:5px;border-radius:3px;background-color:#bbb}.hint{font-size:30px}.hint,.word{font-weight:700}.word{font-size:25px}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-3px,-4px) rotate(-3deg);transform:translate(-3px,-4px) rotate(-3deg)}20%{-webkit-transform:translate(-5px,2px) rotate(3deg);transform:translate(-5px,2px) rotate(3deg)}30%{-webkit-transform:translate(5px,4px) rotate(0deg);transform:translate(5px,4px) rotate(0deg)}40%{-webkit-transform:translate(3px,-3px) rotate(2deg);transform:translate(3px,-3px) rotate(2deg)}50%{-webkit-transform:translate(-3px,4px) rotate(-3deg);transform:translate(-3px,4px) rotate(-3deg)}60%{-webkit-transform:translate(-5px,5px) rotate(2deg);transform:translate(-5px,5px) rotate(2deg)}70%{-webkit-transform:translate(5px,3px) rotate(-3deg);transform:translate(5px,3px) rotate(-3deg)}80%{-webkit-transform:translate(-3px,-3px) rotate(3deg);transform:translate(-3px,-3px) rotate(3deg)}90%{-webkit-transform:translate(3px,4px) rotate(2deg);transform:translate(3px,4px) rotate(2deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-3px,-4px) rotate(-3deg);transform:translate(-3px,-4px) rotate(-3deg)}20%{-webkit-transform:translate(-5px,2px) rotate(3deg);transform:translate(-5px,2px) rotate(3deg)}30%{-webkit-transform:translate(5px,4px) rotate(0deg);transform:translate(5px,4px) rotate(0deg)}40%{-webkit-transform:translate(3px,-3px) rotate(2deg);transform:translate(3px,-3px) rotate(2deg)}50%{-webkit-transform:translate(-3px,4px) rotate(-3deg);transform:translate(-3px,4px) rotate(-3deg)}60%{-webkit-transform:translate(-5px,5px) rotate(2deg);transform:translate(-5px,5px) rotate(2deg)}70%{-webkit-transform:translate(5px,3px) rotate(-3deg);transform:translate(5px,3px) rotate(-3deg)}80%{-webkit-transform:translate(-3px,-3px) rotate(3deg);transform:translate(-3px,-3px) rotate(3deg)}90%{-webkit-transform:translate(3px,4px) rotate(2deg);transform:translate(3px,4px) rotate(2deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}
/*# sourceMappingURL=main.0a7ba37d.chunk.css.map */