html{--color-1:#222;--color-2:#eee;--color-3:#ff4500;--shadow:0px 0px 5px rgba(0,0,0,.25);font-size:16px}body{margin:0;padding:0;font-family:sans-serif;color:var(--color-1);height:100vh;width:100vw}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0 none}.App{height:100vh;width:100vw;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:3rem 1rem 1rem}.App>*{width:50vw;max-width:600px;max-height:400px}.App .canvas{height:50vh;background:var(--color-3);color:var(--color-2);padding:1rem;margin-bottom:2rem;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:1.2em}.App .propertyString{padding:0 1rem;margin-bottom:1rem}.App .propertyString p{text-align:center}.App .inputs{max-width:500px;border:1px solid var(--color-1);padding:1rem}.App .inputs div{margin:.25rem 0;padding:.25rem}.App .inputs div span{margin-right:1rem}.App .inputs div input{margin:0;max-width:200px;width:60%;float:right}.App .inputs div input[type=checkbox]{width:auto;-webkit-transform:translate(calc(-75px - 100%));-ms-transform:translate(calc(-75px - 100%));transform:translate(calc(-75px - 100%))}
/*# sourceMappingURL=main.1873c4f6.css.map*/