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}.snake-game{background:#393939}.snake-game .container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.snake-game .score{display:flex;font-family:VT323 Static,serif;justify-content:space-between}.snake-game .currentScore{color:#bcc799}.snake-game .highScore{color:#7f8a61}.snake-game .board{background:#a2ad81;border:10px solid #4d513c;border-radius:5%;height:589px;width:600px}.snake-game .playground{border:40px solid #7f8a61;border-radius:2%;display:flex;flex-direction:column;height:495px;margin:8px}.snake-game .row{display:grid;grid-template-columns:repeat(15,1fr)}.snake-game .cell{border:.1px solid rgba(0,0,0,.324);height:30.9px}.snake-game .snakeBodyDiv{background-color:#7fffd4;border:.1px solid #698716}.snake-game .foodBodyDiv{background-color:red;border-radius:40%}@keyframes win-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes winner-glow{0%{filter:drop-shadow(0 0 0 rgba(0,255,255,0))}50%{filter:drop-shadow(0 0 15px rgb(17,197,44))}to{filter:drop-shadow(0 0 0 rgba(0,255,255,0))}}.win-icon{animation:winner-glow 1s ease-in-out infinite}.win-text{animation:win-pop .4s ease-out;text-shadow:0 0 2px #fff6}*{user-select:none;-webkit-user-select:none;-ms-user-select:none}.movetac-game .container{align-items:center;background:#574e4e;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;padding:0 0 50px;text-align:center}.movetac-game .title{color:beige;font-size:60px;margin-bottom:30px}.movetac-game .title img{height:50px;padding:10px 10px 0}.movetac-game .instruction{color:#f0f8ff;font-size:1.6rem;margin:10px 0;opacity:.75;text-align:center}.movetac-game .board{align-items:center;display:flex;height:600px;justify-content:center;width:560px}.board.game-over{opacity:.6;pointer-events:none}.movetac-game .boxes{background:#1ba11b;border:1.1px solid #5c3939;border-radius:10px;display:flex;height:180px;margin:4px;width:180px}.movetac-game .boxes img{height:70px;margin:auto}.movetac-game .glow{border:2px solid #8cda88;box-shadow:0 0 15px #00ffffe6;margin-bottom:6px;transform:scale(1)}.movetac-game .boxes.valid-move{background:#00ff0026;box-shadow:inset 0 0 48px lime;cursor:pointer}.movetac-game .reset{background-color:beige;border:none;border-radius:5%;width:160px}.movetac-game .reset,.movetac-game .reset-game-over{color:#574e4e;font-size:30px;height:50px;margin-top:10px}.movetac-game .reset-game-over{background-color:#fff4f4;border:none;border-radius:7%;width:190px}@media (max-width:660px){body{overflow:hidden}.movetac-game .container{padding-bottom:1000px}.movetac-game .title{color:beige;font-size:34px;margin:5px;min-width:320px;padding-top:0}.movetac-game .title img{height:28px;padding:20px 10px 0}.movetac-game .instruction{color:#f0f8ff;font-size:1rem;margin:10px 0;min-width:250px;opacity:.75;padding:0 10px 20px;text-align:center}.movetac-game .board{display:flex;height:260px;width:260px}.movetac-game .boxes{background:#1ba11b;border:1.7px solid #5c3939;border-radius:8px;display:flex;height:82px;margin:4px;width:82px}.movetac-game .boxes img{height:40px;margin:auto}.movetac-game .glow{border:2px solid #8cda88;box-shadow:0 0 15px #00ffffe6;margin-bottom:6px;transform:scale(1.02)}.movetac-game .boxes.valid-move{background:rgba(0,255,0,.149);box-shadow:inset 0 0 28px #0f0}.movetac-game .reset{width:79px}.movetac-game .reset,.movetac-game .reset-game-over{background-color:beige;border:none;border-radius:5%;color:#574e4e;font-size:18px;height:28px;margin-top:25px}.movetac-game .reset-game-over{width:105px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b4a53783.css.map*/