:root{--blue:#35537b;--red:#dc3434;--yellow:#ebda21;--green:#50c738;--black:#272727;--white:#f1f1f1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f1f1f1;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:var(--black);display:flex;flex-flow:column;height:100vh;justify-content:center}.IntroSection{width:400px}h1{font-size:4rem;text-align:center}.IntroSection.button{border:none;border-radius:3px;margin:18px auto;padding:12px 33px}h2{margin:18px}.Board{display:flex;flex-flow:row wrap;width:400px}.ColorButton{border:none;cursor:pointer;height:200px;width:200px}.ColorButton:active{opacity:.8}.ColorButton:hover,.button.isPlayed{-webkit-filter:brightness(120%);transition:.4s}.ColorButton.blue{background-color:var(--blue);border-radius:100% 0 0 0}.ColorButton.red{background-color:var(--red);border-radius:0 100% 0 0}.ColorButton.yellow{background-color:var(--yellow);border-radius:0 0 0 100%}.ColorButton.green{background-color:var(--green);border-radius:0 0 100% 0}
/*# sourceMappingURL=main.7a7a5571.css.map*/