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{text-align:center;background-color:#116466;height:100vh;color:#2c3531}.App h1{margin:0;padding-top:2rem;color:#d1e8e2;font-size:3rem}.App .sectionContainer{display:flex;justify-content:center;margin-top:4rem}.App .sectionContainer .section{display:flex;flex-direction:column}.App .sectionContainer .section1{min-width:50%;background-color:#d9b08c;border:2px solid #2c3531;border-right:none}.App .sectionContainer .section1 .block{width:100%}.App .sectionContainer .section1 .block .box{display:inline-block;border:1px solid #2c3531;width:10px;height:10px;margin-left:-1px;margin-bottom:-1px}.App .sectionContainer .section1 .block .off{background-color:#d1e8e2}.App .sectionContainer .section1 .block .on{background-color:#2c3531}.App .sectionContainer .section1 .block .box:hover{background:#116466}.App .sectionContainer .section1 .block .grid{line-height:0;margin:auto;box-shadow:0 0 1.2rem #2c3531}.App .sectionContainer .section1 .buttons{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:1rem;padding-bottom:1rem}.App .sectionContainer .section1 .buttons button{height:2rem;border-radius:10px;font-size:1rem;background-color:#d1e8e2;padding:.5rem}.App .sectionContainer .section1 .buttons select{background-color:#d1e8e2;font-size:1rem}.App .sectionContainer .section3{width:25%;border:2px solid #2c3531;border-left:none;background-color:#d1e8e2}.App .sectionContainer .section3 .rules{display:flex;flex-direction:column;justify-content:space-evenly;width:80%;height:100%;margin:0 auto}.App .sectionContainer .section3 .rules p{margin-bottom:2rem}@media (max-width:800px){.App .sectionContainer{display:flex;flex-direction:column-reverse;margin-top:2rem}.App .sectionContainer .section1{width:100%;border:none}.App .sectionContainer .section1 .buttons{box-sizing:border-box;width:90%;margin:1rem auto 0}.App .sectionContainer .section1 .buttons .button{padding:.3rem}.App .sectionContainer .section3{width:100%;border-right:none}.App .sectionContainer .section3 .rules{display:flex;flex-direction:row;flex-wrap:wrap;width:90%}.App .sectionContainer .section3 .rules p{width:40%}}
/*# sourceMappingURL=main.abbefc03.chunk.css.map */