:root{--main-bg-color:#383838;--flag-hover-bg-color:hsla(0,0%,78.4%,0.5);--main-word-color:#dedede;--footer-bg-color:#2b2b2b;--pause-color:#f5f5f5;--select-theme-color:#f0f0f0}*{margin:0}body{background-color:#383838;background-color:var(--main-bg-color)}.container{width:100%;display:flex;justify-content:center}.select-ui-lang{right:0}.select-theme,.select-ui-lang{display:flex;flex-direction:row;position:absolute;top:0;padding:10px 20px}.select-theme{left:0}.select-theme i{font-size:x-large;padding:5px;color:#f0f0f0;color:var(--select-theme-color)}.select-theme i:hover{background-color:hsla(0,0%,78.4%,.5);background-color:var(--flag-hover-bg-color);cursor:pointer}.flag{padding:0 2px}.flag:hover{background-color:hsla(0,0%,78.4%,.5);background-color:var(--flag-hover-bg-color);cursor:pointer}.game{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.game-title{font-size:3em;font-family:"Roboto",sans-serif}.set-word{padding:10px}.set-word input{width:400px;height:40px;font-size:xx-large;border-radius:30px;outline:none;padding:0 15px}.main-word{position:fixed;left:50%;transform:translate(-50%);font-size:4em;color:#dedede;color:var(--main-word-color);align-self:center;text-align:center}.footer{position:fixed;bottom:0;width:100vw;background-color:#2b2b2b;background-color:var(--footer-bg-color);display:flex;justify-content:center}.footer-info{position:absolute;bottom:0;right:0;margin-bottom:5px;margin-right:10px}.footer-info a{color:hsla(0,0%,78.4%,.5);color:var(--flag-hover-bg-color);text-decoration:none}.word-input{margin:10px 0;display:flex;flex-direction:row;align-items:center;text-align:center}.word-input input{font-size:xx-large;border-radius:20px;outline:none;padding:0 20px;width:300px}.pause{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#f5f5f5;color:var(--pause-color);font-size:xx-large}@media (max-width:800px){.game-title{font-size:2em}.set-word input{width:300px;height:40px;font-size:x-large;border-radius:30px;padding:0 15px}.select-theme,.select-ui-lang{padding:5px 10px}.select-theme i{font-size:large;padding:3px}.main-word{font-size:2em}.word-input input{font-size:large;height:30px;border-radius:20px;padding:0 5px;width:150px}.flag{width:20px}}:root{--letter-bg-color:#4784c9;--letter-color:#dedede;--words-bg-color:#282828;--word-color:#dedede;--last-word-color:#e44f4f;--tooltip-bg-color:#555}.letter{margin:5px 5px 5px 0;background-color:#4784c9;background-color:var(--letter-bg-color);width:60px;font-size:x-large;font-weight:700;color:#dedede;color:var(--letter-color)}.words{margin-top:75px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;font-size:large;height:75vh;width:90vw;overflow-x:auto;padding:10px;background-color:#282828;background-color:var(--words-bg-color);scrollbar-color:#282828 #dedede;scrollbar-color:var(--words-bg-color) var(--word-color);scrollbar-width:thin}.words::-webkit-scrollbar{height:8px}.words::-webkit-scrollbar-track{background:#dedede;background:var(--word-color)}.words::-webkit-scrollbar-thumb{background-color:#282828;background-color:var(--words-bg-color);border-radius:10px;border:2px solid #dedede;border:2px solid var(--word-color)}.word{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#dedede;color:var(--word-color);padding-right:10px}.last{font-weight:700;color:#e44f4f;color:var(--last-word-color)}.tooltip-text{visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#555;background-color:var(--tooltip-bg-color);color:#dedede;color:var(--word-color);text-align:center;padding:5px;border-radius:6px;font-weight:400;z-index:20;position:absolute;max-width:50vw;opacity:0;transition:opacity .3s}.tooltip-text:after{content:"";visibility:hidden;border-width:5px;border-style:solid}.word:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width:800px){.words{margin-top:40px;font-size:small;height:75vh;width:90vw;padding:10px}.letter{margin:5px 5px 5px 0;width:40px;font-size:large}}:root{--timer-color:#2dbe32;--loose-score-color:#de5b5b}.timer{height:40px;width:80px;padding:5px 10px;color:#2dbe32;color:var(--timer-color);text-align:center;font-size:xx-large}.loose-score{padding:0 20px;font-size:x-large;color:#de5b5b;color:var(--loose-score-color)}.loose-score i{margin:0 1px}@media (max-width:800px){.timer{height:40px;width:40px;padding:5px 1px;font-size:medium}.loose-score{padding:0 5px;font-size:small}}:root{--welcome-color:#f5f5f5}.welcome-container{color:#f5f5f5;color:var(--welcome-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.welcome{font-size:x-large;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.hints{display:flex;flex-direction:column;font-size:large;margin-top:30px}.hint{padding:3px 0;display:inline-block}.lives-input,.seconds-input{width:40px}@media (max-width:800px){.welcome{font-size:medium;width:100%}.hints{font-size:small;margin-top:10px}}
/*# sourceMappingURL=main.b44fc4fc.chunk.css.map */