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{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.App:before{background-image:url(/static/media/background.e7740ec308cb5c8a1644.jpeg);background-size:cover;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.grid-container{border:1px solid #fff;display:flex;flex-wrap:wrap;height:300px;width:300px}.grid-row{display:flex;height:50px;position:relative;width:100%}.grid-square{background-color:#61dafb;border:1px solid #fff;flex:1 1;height:100%}.menu-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px}button{background-color:#61dafb;border:none;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}.new-puzzle-button{margin-right:30px}button:hover{background-color:#4fafc1}.grid-square.grey{background-color:grey}.grid-square.blue{background-color:blue}.grid-square.red{background-color:red;background-image:radial-gradient(circle,#fff 0,transparent 20%)}.grid-square.green{background-color:green}.grey{background-color:grey}.red{background-color:red}.green{background-color:#0f0}.blue{background-color:#00f}.yellow{background-color:#bdbd5c}.purple{background-color:purple}.orange{background-color:orange}.pink{background-color:pink}.lime{background-color:#0f0}.cyan{background-color:#0ff}.magenta{background-color:#f0f}.brown{background-color:brown}.teal{background-color:teal}.coral{background-color:coral}.navy{background-color:navy}.olive{background-color:olive}.darkblue{background-color:#000051}.darkblue,.darkgreen{background-image:linear-gradient(45deg,hsla(0,0%,100%,.2) 50%,transparent 0)}.darkgreen{background-color:#004000}.darkred{background-color:#8b0000}.darkmagenta,.darkred{background-image:linear-gradient(45deg,hsla(0,0%,100%,.2) 50%,transparent 0)}.darkmagenta{background-color:#8b008b}.darkcyan{background-color:#008b8b}.darkgoldenrod{background-color:#b8860b}.darkgray{background-color:#a9a9a9}.darkkhaki{background-color:#bdb76b}.darkolivegreen{background-color:#556b2f}.darkorchid{background-color:#9932cc}.darksalmon{background-color:#e9967a}.white{background-color:#fff}.heading-container{display:flex;justify-content:space-between}.puzzle-id{align-self:flex-start;margin-right:30px}.puzzle-difficulty{align-self:flex-end;font-weight:700;text-transform:uppercase}.puzzle-difficulty.easy{color:green}.puzzle-difficulty.medium{color:#7c5917}.puzzle-difficulty.hard{color:red}.puzzle-difficulty.bangkok{color:orange}.target-element:after{border-bottom:10px solid transparent;border-left:20px solid rgba(255,0,0,.356);border-top:10px solid transparent;box-shadow:0 0 0 0 #000;content:"";height:0;margin-left:55px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}
/*# sourceMappingURL=main.1464087f.css.map*/