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}*{margin:0;padding:0}body,html{height:100vh;font-family:"roboto","serif"}.webgl{position:fixed;top:0;left:0;outline:none}.content{position:absolute;display:grid;-webkit-align-items:center;align-items:center;z-index:1;height:100%;width:100%}h1{font-size:5em;font-weight:lighter;margin-left:10vw}.tb{padding:2px 10px;margin-left:5px;font-size:22px;border-radius:5px}button{margin-right:10px;display:block;font-size:18px;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;margin-top:10px;padding:4px}.btn_cont{-webkit-align-items:center;align-items:center}.btn_cont,.top_cont{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.top_cont{-webkit-flex-direction:row;flex-direction:row}.top_cont div{-webkit-align-self:center;align-self:center;font-size:28px}.guess_cont{display:-webkit-flex;display:flex}.sk_css{touch-action:none}@media only screen and (max-width:600px){.btn_cont,.top_cont{-webkit-flex-direction:column;flex-direction:column}.btn_cont{margin-top:10px}}.values_tweek{display:-webkit-flex;display:flex;width:100vw;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin-top:10px}.active_class:{background-color:green}.container_2048{--cell-size:110px;--font-size:30px;--border-thickness:10px;--mix1:120px;--mix2:130px;--mix3:100px;background-color:#faf8ef;height:100vh}.grid_parent{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw}.grid_container{display:grid;position:relative;grid-template-columns:var(--cell-size) var(--cell-size) var(--cell-size) var(--mix1);grid-template-rows:var(--mix2) var(--mix1) var(--mix1) var(--mix1);border-radius:5px;overflow:hidden}.grid-item{height:var(--cell-size);border-left:var(--border-thickness) solid #bbada0;border-bottom:var(--border-thickness) solid #bbada0;text-align:center;vertical-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#cdc1b4}.right-grid-item{border-right:var(--border-thickness) solid #bbada0}#top-grid-item{border-top:var(--border-thickness) solid #bbada0}.helper-lines{border:2px solid green}.grid-color-tile{height:100%;color:#fff}.grid-color-tile,.tile-inner{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.tile-inner{font-size:var(--font-size);font-weight:700}.move-tile-wrapper{position:absolute;width:var(--mix3);height:var(--cell-size);top:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.tile-random-color{background-color:#c7d321;color:#fff}.tile-2-color{background-color:#eee4da;color:#776e65}.tile-4-color{background-color:#eee1c9;color:#776e65}.tile-8-color{background-color:#f3b27a;color:#fff}.tile-16-color{background-color:#f69664;color:#fff}.tile-32-color{background-color:#f77c5f;color:#fff}.tile-64-color{background-color:#ec5938}.tile-128-color{background-color:#eccf73}.tile-256-color{background-color:#f2d04b}.tile-512-color{background-color:#e9c766}.tile-1024-color{background-color:#e2b912}.tile-2048-color{background-color:orange}.tile-4096-color{background-color:#e9c766}.tile-8192-color{background-color:green}.sk_cont{background-color:#faf8ef}.btn-holder{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding-bottom:50px}.btn-holder button{border-radius:5px;border-width:0;background-color:orange;color:#fff;padding:10px;transition:all .2s ease;text-transform:uppercase}.btn-holder button:hover{opacity:.8}.game_title{color:#776e65;font-size:50px;text-align:center;width:100%;font-weight:700;margin-bottom:25px;padding-top:15px}.sketch_cont{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;width:100vw;height:"100%"}
/*# sourceMappingURL=main.aad00cab.chunk.css.map */