body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-color:#282c34;--contrast-color:#fff;--faded-color:#6f7a90;--timer-countdown-font:42px;--main-font:24px;--letter-square-font:32px;--letter-square-size:62px;--letter-square-margin:5px}.app{background-color:#282c34;background-color:var(--main-color);height:100vh;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;color:#fff;color:var(--contrast-color);font-size:24px;font-size:var(--main-font)}.color-light{--main-color:#fff;--contrast-color:#282c34;--faded-color:#7d879b}.size-auto{--main-font:calc(10px + 2vmin);--timer-countdown-font:8vmin;--letter-square-font:8vmin;--letter-square-size:min(14vh,10vw);--letter-square-margin:min(1vh)}.size-small{--main-font:16px;--timer-countdown-font:24px;--letter-square-font:24px;--letter-square-size:40px;--letter-square-margin:3px}.size-large{--main-font:32px;--timer-countdown-font:40px;--letter-square-font:64px;--letter-square-size:82px;--letter-square-margin:5px}.letter-grid-container{padding:30px;flex-direction:column}.letter-grid-container,.letter-row,.letter-square{display:flex;justify-content:space-evenly}.letter-square{border:1px solid #000;border-radius:5px;background:#fff;background:var(--contrast-color);color:#282c34;color:var(--main-color);align-items:center;font-size:32px;font-size:var(--letter-square-font);height:62px;height:var(--letter-square-size);width:62px;width:var(--letter-square-size);margin:5px;margin:var(--letter-square-margin)}.game-controls{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:240px;width:calc(var(--main-font)*10)}.game-controls>*{margin-bottom:24px;margin-bottom:var(--main-font)}.full-width{display:block;width:100%}.timer-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #fff;border:1px solid var(--contrast-color);width:100%}.timer-description{padding-top:24px;padding-top:var(--main-font)}.timer-countdown{font-size:42px;font-size:var(--timer-countdown-font);padding:24px 0;padding:var(--main-font) 0}.timer-container.timer-done{background-color:#fff;background-color:var(--contrast-color);color:#282c34;color:var(--main-color)}.timer-done .button{border:1px solid #282c34;border:1px solid var(--main-color);margin:-1px;padding-left:1px;padding-right:1px}.timer-done .button:hover{color:#fff;color:var(--contrast-color);background:#282c34;background:var(--main-color)}.timer-button-row{display:flex;justify-content:center;width:100%}.timer-button-row .button{flex:1 1;border-right:none;margin:0 0 -1px -1px}.button{cursor:pointer;padding:5px 0;border:1px solid #fff;border:1px solid var(--contrast-color);text-align:center}.button:hover{color:#282c34;color:var(--main-color);background:#fff;background:var(--contrast-color)}.color-selector{left:0}.color-selector,.size-selector{display:flex;font-size:14px;padding:5px;position:fixed;top:0}.size-selector{right:0}.setting-option{color:#6f7a90;color:var(--faded-color);padding:0 2px 0 3px;cursor:pointer}.setting-option--active,.setting-option:hover{color:#fff;color:var(--contrast-color)}.hint-text{color:#6f7a90;color:var(--faded-color);font-size:19.2px;font-size:calc(var(--main-font)*0.8);height:21.6px;height:calc(var(--main-font)*0.9)}.done-modal{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;left:50%;margin-left:-120px;margin-left:calc(var(--main-font)*-5);top:50%;margin-top:-60px;margin-top:calc(var(--main-font)*-2.5);font-size:32px;font-size:var(--letter-square-font);width:240px;width:calc(var(--main-font)*10);height:120px;height:calc(var(--main-font)*5);background:#6f7a90;background:var(--faded-color);border-radius:5px;cursor:pointer}
/*# sourceMappingURL=main.517ee738.chunk.css.map */