*{margin:0;box-sizing:border-box}body{font-family:Arial, Helvetica, sans-serif}select{-webkit-appearance:none;-moz-appearance:none;padding:5px 25px 5px 5px;background:url("../img/dr_down_16.png") no-repeat right;background-position-x:calc(100% - 5px)}select::-ms-expand{display:none}.row{width:100%;height:50%;margin:0}.cell{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;justify-content:center;align-items:center;float:left;padding:0;width:50%;height:100%;border:1px solid #ccc;cursor:default;font-size:calc(8vmin);font-weight:bold;transition:background 800ms}.rotate-90{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-270{-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.spin-right{animation:spin-right 2s infinite linear;-webkit-animation:spin-right 2s infinite linear;-moz-animation:spin-right 2s infinite linear}@keyframes spin-right{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin-right{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(359deg);-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.spin-left{animation:spin-left 2s infinite linear;-webkit-animation:spin-left 2s infinite linear;-moz-animation:spin-left 2s infinite linear}@keyframes spin-left{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(-359deg);-ms-transform:rotate(-359deg);-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@-webkit-keyframes spin-left{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(-359deg);-ms-transform:rotate(-359deg);-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.cell-symbol{color:inherit;font-size:calc(8vmin);font-weight:bold}.normal-cell{color:black;background:white}.hovered-cell{color:black;border:1px solid #555}.traced-cell{color:black;background:#f1f9f0}.selected-cell{color:white;background:navy}.correct-cell{color:black;background:#bbf4b8}.wrong-cell{color:black;background:#f4adad}.color-num{padding:3px 10px;margin-right:2px;margin-bottom:5px;display:inline-block;border:1px solid #ccc;font-size:1.1em;font-weight:bold}#settings-btn{position:fixed;right:0;top:0;width:5vmin;height:5vmin;padding:0;background:transparent url("../img/settings_48.png") no-repeat;background-size:5vmin 5vmin;opacity:0.10;border:none;outline-style:none;transition:opacity 500ms}#settings-btn:hover{opacity:1}.grid-input{position:fixed;top:0;left:0;z-index:1}.hover-text-bold:hover{font-weight:bold}.display-block{display:block}.display-none{display:none}.mouse-map{background:white;border:2px solid #ccc}.center-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:none;background:url("../img/green_dot.png")}

/*# sourceMappingURL=index.css.map */