*{box-sizing:border-box;padding:0}*,body{margin:0}body{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{text-align:center;margin:0 auto}.header{width:50%;display:flex;justify-content:flex-end}h1{text-align:center;margin-top:2%;margin-bottom:3%;color:#2e2e2e}.main-grid-container{width:90%;margin:auto;display:flex;justify-content:center}.grid-size-container{width:20%}.button-column,.grid-size-container{display:flex;flex-direction:column;align-items:center}.button-column{justify-content:space-evenly;width:60%;padding:2%;height:100%}.size-button{width:80%;padding:8%;border-radius:6px;border:none;height:70px;font-weight:600;color:#fff;background-color:#444;outline:0}.size-button:hover{color:#1e90ff;background-color:#fff;border:1px solid #1e90ff}.control-panel{width:61%;display:flex;justify-content:flex-end}.button-container{display:flex;width:67%;padding:15px;justify-content:space-around}.gen-box{width:28%;display:flex;justify-content:flex-start;align-items:flex-end}.dropdown{width:50%;display:flex;justify-content:flex-end}.dropdown select{width:100px}label{font-size:1rem;font-weight:500;width:50%}.button-panel{width:59%;display:flex;justify-content:flex;justify-content:flex-end}.button-box{width:50%;display:flex;justify-content:flex-start;overflow:"auto"}.button{padding:2%;width:22%;border-radius:6px;border:none;margin-left:4%;font-weight:600;outline:0}.button.stop{background-color:#ff0;color:#474747}.button.stop:hover{color:#474747;background-color:#fff;border:1px solid #ff0}.button.start{background-color:#07d107;color:#fff}.button.start:hover{background-color:#fff;color:#07d107;border:1px solid #07d107}.button.clear{color:#fff;background-color:#505050}.button.clear:hover{background-color:#fff;color:#474747;border:1px solid red}.button.random{background-color:#1e90ff;color:#fff}.button.random:hover{background-color:#fff;color:#2672e6;border:1px solid #2672e6}h2,h3{text-align:left;color:#222}.main-rules-container{width:40%;display:flex;flex-direction:column;justify-content:space-between;padding:0 2%}.rules-box{line-height:2rem}.about-box,.rules-box{text-align:left;width:75%;font-size:.9rem}.about-box{line-height:1.5rem}
/*# sourceMappingURL=main.cf4fa40f.chunk.css.map */