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,.tile{text-align:center}.tile{border:1px solid #999;border-radius:5px;box-sizing:border-box;color:#776e65;font-size:55px;font-weight:700;width:25%}.tile-2{background-color:#eee4da}.tile-4{background-color:#ede0c8}.tile-8{background-color:#f2b179;color:#f9f6f2}.tile-16{background-color:#f59563;color:#f9f6f2}.tile-32{background-color:#f67c5f;color:#f9f6f2}.tile-64{background-color:#f65e3b;color:#f9f6f2}.tile-128{background-color:#edcf72}.tile-128,.tile-256{color:#f9f6f2;font-size:25px;line-height:60px}.tile-256{background-color:#edcc61}.tile-512{background-color:#edc850;color:#f9f6f2;font-size:25px;line-height:60px}.tile-1024{background-color:#edc53f}.tile-1024,.tile-2048{color:#f9f6f2;font-size:25px;font-size:20px;line-height:60px}.tile-2048{background-color:#edc22e}.bigger{-webkit-animation:bigger .5s ease forwards;animation:bigger .5s ease forwards}@-webkit-keyframes bigger{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bigger{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.moving{-webkit-animation:move .2s ease forwards;animation:move .2s ease forwards}@-webkit-keyframes move{0%{z-index:100}to{-webkit-transform:translate(var(--toX),var(--toY));transform:translate(var(--toX),var(--toY));z-index:1}}@keyframes move{0%{z-index:100}to{-webkit-transform:translate(var(--toX),var(--toY));transform:translate(var(--toX),var(--toY));z-index:1}}.board{background-color:#eee4da;border:1px solid #999;border-radius:5px;margin:auto;width:80%}.board-row{display:flex}.buttons-row{display:flex;justify-content:space-around;margin-top:6vh;width:100%}.arrow-button{background-color:#000;box-sizing:border-box;color:#5f5f5f;font-size:40px}.arrow-button:not(.arrow-button-circle):active{background-color:#5f5f5f;color:#000}.arrow-button.arrow-button-up{border-radius:5px 5px 0 0}.arrow-button.arrow-button-down{border-radius:0 0 5px 5px}.arrow-button.arrow-button-left{border-radius:5px 0 0 5px}.arrow-button.arrow-button-right{border-radius:0 5px 5px 0}.arrow-button.arrow-button-circle{border-color:#000;border-radius:5px;box-shadow:none;padding:2px}.action-buttons{padding-top:40px}.action-button{background-color:#000;border-radius:50%;color:#5f5f5f;font-size:45px;margin:0 10px}.action-button:active{background-color:#5f5f5f;color:#000}.action-button.action-button-b{-webkit-transform:translateY(30%);transform:translateY(30%)}.options-button{background-color:#000;border-radius:40%;color:#5f5f5f;font-size:15px;margin:0 10px;padding:5px;width:100px}.options-button:active{background-color:#5f5f5f;color:#000}.options-button.options-button-circle{border-radius:5px;padding:2px}#root{background-color:#83a72f;border-radius:5px;padding-bottom:5vh;padding-top:2vh}.screen{background-color:#000;border-radius:15px;margin:2%;padding:8% 8% 4%;position:relative}.screen-title{color:#fff;font-size:30px;font-style:italic}.screen-title span.red{color:#bd063f}.screen-title span.green{color:#6db31f}.screen-title span.purple{color:#4e4aab}.screen-title span.yellow{color:#d6ad05}.screen-title span.cyan{color:#009389}.light{left:0;position:absolute;text-align:start}.light i.fa-circle{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;color:red;left:10px;position:absolute;top:80px}.light i.fa-moon{color:gray;left:20px;position:absolute;top:80px;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform:scaleX(-100%) rotate(20deg);transform:scaleX(-100%) rotate(20deg)}.light i.fa-moon.i-1{left:22px}.light i.fa-moon.i-2{left:32px}.light i.fa-moon.i-3{left:42px}.light .power{color:#535353;font-size:12px;left:10px;position:absolute;top:95px}@-webkit-keyframes blink{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}@keyframes blink{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}@media screen and (min-width:700px){#root{margin:0 20%}}@media screen and (min-width:1024px){#root{margin:0 30%}}@media screen and (min-width:2048px){#root{margin:0 40%}}
/*# sourceMappingURL=main.63c7d71d.css.map*/