:root{--level-width:0;--level-height:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#00171f;font-family:Montserrat,sans-serif,helvetica;background-color:#fff}.page-container{flex:1 1;flex-direction:column;align-items:center;height:100vh;min-height:600px;//background-color:#000}.game-container,.page-container{position:relative;box-sizing:border-box;display:flex;width:100%}.game-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;flex:1 1}.level-container{margin-top:10px;display:flex;justify-content:center;width:100%;min-height:60%}.level-grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(0,1fr);grid-template-columns:repeat(var(--level-width),1fr);grid-template-rows:repeat(0,1fr);grid-template-rows:repeat(var(--level-height),1fr);max-width:80%;margin:auto}.stat-container{box-sizing:border-box;display:flex;width:100%;border:2px solid #f5f5f5;padding:10px}.move-counter{font-weight:700;white-space:nowrap}.stat-container .move-counter{margin:auto}.level-select{justify-self:center;margin:auto}.desc-container{display:flex;width:100%;flex-wrap:wrap;justify-content:center;padding:10px}.desc-container text{text-align:center}.game-over,.game-won{width:100%;justify-self:center;padding-top:10px;text-align:center;font-weight:700}.game-won{font-size:1.5em}.game-over{font-size:1.3em}.reset{background-color:#f5f5f5;justify-self:flex-end;margin:auto;padding:5px}button{border:1px solid #00171f}header{height:30px;font-weight:700}footer,header{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%}footer{height:25px;font-size:1em;margin:15px}@media only screen and (min-width:768px){.game-container{width:768px}.level-grid{min-width:50%}header{width:768px;border-radius:15px 15px 0 0}}body{margin:0;padding:0;box-sizing:border-box}.tile{width:100%}.level-input::-webkit-inner-spin-button,.level-input::-webkit-outer-spin-button{-webkit-appearance:none}.level-select{display:flex;align-items:center;justify-content:center}.level-field{display:flex;flex-direction:row;padding-right:5px}.number-box{display:flex;justify-content:center;align-items:center}.level-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right;width:20px}.level-select p{padding:5px;font-weight:700}.next-button,.prev-button{display:flex;background-color:#f5f5f5;color:171F;margin:0 10px;padding:5px}
/*# sourceMappingURL=main.435da711.chunk.css.map */