body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;min-height:100vh;text-align:center}.App .content{display:flex;margin-left:auto;margin-right:auto;padding:10px}.App input{border-radius:20px}.App button,.App input{border:1px solid gray;padding:8px}.App button{border-radius:20px;cursor:pointer}.minesweeper{display:grid;flex-flow:column;grid-template-rows:minmax(150px,25%) 50% 25%;height:100%}.minesweeper .header{display:flex;flex-flow:column;margin-bottom:auto;margin-top:auto}.minesweeper .header button{margin-bottom:5px;margin-top:5px}.minesweeper table td{border:1px solid #afd8f8;height:25px;max-height:25px;max-width:25px;min-height:25px;min-width:25px;width:25px}.value{animation:fadeIn .2s linear;background-color:#00bedabf;-webkit-user-select:none;user-select:none}.value.none{background-color:#fff}.value.one{background-color:#95d69e}.value.two{background-color:#2aae7e}.value.three{background-color:#ffd02d}.value.four{background-color:#db3d63}.value.five{background-color:#c9003d}.value.six{background-color:#b30000}.value.seven{background-color:#8a2be2}@keyframes fadeIn{0%{background-color:#00bedabf}}.tile{-webkit-touch-callout:none;background-color:#00bedabf;cursor:pointer;-webkit-user-select:none;user-select:none}.flag svg{pointer-events:none}.board{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;-webkit-user-select:none;user-select:none}.board .blur{background-color:#fffc;height:100%;position:absolute;width:100%;z-index:1}.gameover.display-block{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.gameover.display-none{display:none}.win.display-block{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.win.display-none{display:none}.stats{align-items:center;display:flex;justify-content:center}.stats .item{border:1px solid gray;border-radius:10px;height:40px;margin:5px;padding:5px;width:80px}.menu{display:flex;flex-flow:column;margin:auto}.menu button,.menu input{margin:10px;max-width:90%;min-width:200px}