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}.App{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;color:#000}.square-grid{margin-top:2em;display:grid;grid-template-columns:repeat(4,200px);grid-template-rows:repeat(3,200px);align-self:center;margin-left:12.5em;margin-bottom:1em}.mobile-view{display:none}@media (max-width:600px){.square-grid{margin-top:0;margin-left:0;grid-template-columns:repeat(3,125px);grid-template-rows:repeat(4,125px)}.normal-view{display:none}.mobile-view{display:flex;justify-content:center;text-align:center;vertical-align:bottom;align-items:flex-end}}.container{background:#000;display:inline-block;border:5px solid #000}.grid{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);grid-gap:5px}.cell{background:#fff}.cell,.selected-cell{justify-content:center;align-items:center;display:flex;font-family:Arial;font-size:2rem;font-weight:700;cursor:pointer}.selected-cell{background:red}@media (max-width:600px){.grid{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);grid-gap:4px}.cell,.selected-cell{font-size:1.5rem;font-weight:400}}.solve{padding:1em 2.5em;color:#fff;background-color:#0ff;margin:1em auto;text-shadow:1px 1px #000}.demo,.solve{align-items:center;justify-content:center;text-align:center;cursor:pointer}.demo{height:47%;width:65%;color:#000;background-color:#ff0;display:flex;border-style:solid;border-width:3px}@media (max-width:600px){.demo{width:95%;border:4px solid #000}.solve{padding:.75em 2em}}.input{display:flex;justify-content:center}.input-button{padding:0 1em}.input-button,.trash{border-style:solid;border-width:3px;background-color:#fff;line-height:75%;cursor:pointer}.trash{font-size:2.5rem;padding:.2em .25em;align-self:center}@media (max-width:600px){.input-button{padding-left:.5em;padding-right:.5em;font-size:.8rem}.trash{font-size:1.5rem;padding-top:.4em;padding-bottom:.4em}}#logo{height:47%;width:65%;color:#fff;background-color:#0ff;justify-content:center;text-align:center;display:flex;align-items:center;border:3px solid #000;text-shadow:1px 1px #000}@media (max-width:600px){#logo{width:100%;border:4px solid #000}}
/*# sourceMappingURL=main.f7bcfb14.chunk.css.map */