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{font-family:Arial,Helvetica,sans-serif;font-size:14px}a,body,li,p,ul{margin:0;padding:0;text-decoration:none}body{background-color:#faf8ef;color:#776e65}.App,body{overflow:hidden;height:100vh}.App{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:560px){:root{font-size:18px}@media screen and (max-height:600px){:root{font-size:16px}}@media screen and (min-height:600px){:root{font-size:16px}}@media screen and (min-height:700px){:root{font-size:18px}}@media screen and (min-height:800px){:root{font-size:20px}}}@media screen and (min-width:960px) and (min-height:800px){:root{font-size:20px}}#board{background-color:#bbada0;border-radius:15px;padding:var(--tile-margin);margin:2rem 0}#board tr{display:flex}#board-background{height:100%;width:100%;padding:0;border-collapse:collapse}#board-background td{width:var(--tile-size);height:var(--tile-size);border-radius:5px;border:none;padding:0;margin:var(--tile-margin);background-color:#cdc1b4}@media screen and (max-height:600px){#board{margin:.5rem 0}}:root{--tile-size:5rem;--tile-margin:calc(var(--tile-size)*0.1)}.tile{width:5rem;width:var(--tile-size);height:5rem;height:var(--tile-size);margin:.5rem;margin:var(--tile-margin);border-radius:5px;font-weight:700;font-size:3rem;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#29275e;color:#f9f6f2}.tile-2{background-color:#eee4da;color:#776e65}.tile-4{background-color:#ede0c8;color:#776e65}.tile-8{background-color:#f2b179}.tile-16{background-color:#f59563}.tile-32{background-color:#f67c5f}.tile-64{background-color:#f65e3b}.tile-128{background-color:#edcf72}.tile-256{background-color:#edcc63}.tile-512{background-color:#edc64d}.tile-1024{background-color:#f0c038}.tile-2048{background-color:#eec22e}@media screen and (max-width:400px){:root{--tile-size:4rem}}.score-card{background-color:#bbada0;color:#fff;font-weight:700;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;height:4rem;min-width:4rem;padding:0 1rem;border-radius:5px;position:relative}.score-label{text-transform:uppercase;color:#eee4da}.score-addition{position:absolute;top:2rem;color:#776e65;opacity:0}@-webkit-keyframes slide-off{0%{opacity:1}to{opacity:0;transform:translateY(-100%);display:none}}@keyframes slide-off{0%{opacity:1}to{opacity:0;transform:translateY(-100%);display:none}}.header{margin:2rem 0 0}.header,.header-container{width:100%;display:flex;justify-content:center;align-items:center}.header-container{flex-flow:row wrap;max-width:30rem}.header-container h1{font-size:5rem;margin:1rem 0}.score-container{display:flex}.score-container .score-card{margin-left:.5rem}@media screen and (min-width:560px){.header-container{justify-content:space-around}@media screen and (max-height:600px){header{margin:0}}@media screen and (min-height:600px){header{margin:0}}@media screen and (min-height:700px){header{margin:.5rem 0}}}.overlay{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2rem;text-align:center;color:#746d64;overflow:hidden}.overlay-background{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.4);min-width:100vw;min-height:100vh;position:fixed}.overlay-contents{z-index:1}.overlay h1{margin:0}.overlay p{margin:0;font-weight:700}
/*# sourceMappingURL=main.53515d52.chunk.css.map */