body{margin-top:100px;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;background-color:#4e4e4e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.outer-box{width:600px;height:600px;background:hsla(0,0%,50.2%,.6);display:flex;flex-wrap:wrap;position:relative}.parent-container{display:flex;justify-content:center;align-items:center}.block{width:150px;height:150px;padding:5px;box-sizing:border-box}.block>.inner{background:#d3d3d3;height:100%;width:100%;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:5vw}._classic{width:150px;height:150px}._big{width:120px;height:120px}._bigger{width:100px;height:100px}._huge{width:75px;height:75px;padding:3px}.block.exists>.inner._2{background-color:#fff;color:#757070}.block.exists>.inner._4{background-color:#fbf4d8;color:#757070}.block.exists>.inner._8{background-color:#f5ba73;color:#fff}.block.exists>.inner._16{background-color:#e08c5f;color:#fff}.block.exists>.inner._32{background-color:#fb774d;color:#fff}.block.exists>.inner._64{background-color:#f44336;color:#fff}.block.exists>.inner._128{background-color:#f5d575;color:#fff}.block.exists>.inner._256{background-color:#ffc107;color:#fff}.block.exists>.inner._512{background-color:#ff9800;color:#fff}.block.exists>.inner._1024{background-color:#ffca28;color:#fff}.block.exists>.inner._2048{background-color:#795548;color:#fff}.block.exists>.inner._4096{background-color:#8bc34a;color:#fff;font-size:60px}.game-won{justify-content:center;align-items:center;font-size:12vw;flex-direction:column;line-height:1em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.change-grid,.game-won{position:absolute;height:100%;width:100%;background:rgba(255,193,7,.4588235294117647);display:flex;text-align:center}.change-grid{flex-wrap:wrap}.change-grid .box{width:50%;height:50%;justify-content:center;align-items:center;display:flex;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;padding:10px;font-size:25px}.change-grid .box>.option{padding:10px;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;font-weight:500}.change-grid .box>.option.selected,.change-grid .box>.option:hover{background-color:#000;color:#fff}.game-btn{display:flex;border-radius:100%;height:65px;width:65px;flex-direction:column;margin:10px;color:#fff;justify-content:center;align-items:center;cursor:pointer;border:none;transition:.2s ease-in-out;border:none!important;outline:none!important}.undo-btn{background:url(/static/media/undo.e263bfe9.svg);background-size:contain}.refresh-btn{background:url(/static/media/restart.509ae2e4.svg);background-size:contain}.grid-btn{background:url(/static/media/grid.ef40df35.svg);background-size:contain}.game-btn:hover{background-color:#fbd4a5}.game-reset{padding:0 20px;transition:.3s ease-in-out;cursor:pointer;border-radius:20px}.game-reset.option:hover{background-color:#000;color:#fff}.block._bigger{padding:3px}.block._huge>.inner._1024,.block._huge>.inner._2048{font-size:3vw}@media screen and (max-width:526px){.block._bigger{width:16.5vw;height:16.5vw}.block._huge{width:12.5vw;height:12.5vw}.block._huge>.inner{font-size:9vw}}@media screen and (min-width:1800px){.block>.inner{font-size:3vw}}@media screen and (min-width:2200px){.block>.inner{font-size:2.5vw}}@media screen and (max-width:764px){.block._classic>.inner{font-size:13vw}.block._big>.inner{font-size:9vw}.block._big>.inner._1024,.block._big>.inner._2048{font-size:7vw!important}.parent-container{flex-direction:column}.btn-group{order:0;display:flex}.outer-box{width:100vw;height:100vw;max-height:80vh;max-width:80vh}.block{width:25vw;height:25vw;max-width:20vh;max-height:20vh}.block._big{width:20vw;height:20vw}.block._classic>.inner._1024,.block._classic>.inner._2048{font-size:7vw!important}.block._huge>.inner{border-radius:5px}}@media screen and (min-width:457px) and (max-width:763px){.block._big{width:20%;height:20%}.block._bigger{width:16.6%;height:16.6%}.block._huge{width:12.5%;height:12.5%}}
/*# sourceMappingURL=main.03440aff.chunk.css.map */