body{margin:0;font-family:"Jura",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#f2e5d5}.App{text-align:center;display:flex;width:100%}.rootFormAndRender{position:fixed;left:0;width:40%;height:100%;z-index:1;background-color:#baf4db}.chooseShape{padding:2rem 0;width:50%;margin:0 auto;display:flex;justify-content:space-around}.shapeForms{display:flex;flex-direction:column;margin-bottom:.5rem}.shapeSpan{width:25%;margin:0 auto;display:flex;justify-content:space-between}.shapesRenderBoard{margin-left:40%;width:60%;box-sizing:border-box}.renderRoot,.singleShapeRoot{width:100%}.renderRoot span{display:flex;justify-content:space-around;flex-wrap:wrap;margin:0 auto}.circleMapContainer{width:20rem}.toRender{height:70%;flex-direction:column}.saveAndResetSpan,.toRender{display:flex;justify-content:space-evenly}.saveAndResetSpan{margin:0 auto;width:70%}.clearSavedButton,.saveShapeButton{width:10rem;height:3rem;cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:.25rem}.clearSavedButton{margin-bottom:3rem;margin-left:70%}h1{margin-top:5%}input,select{border-radius:5px;text-align:center;font-size:1.25rem;padding:0;margin:0}input,input[type=color],select{width:7rem;border:3px solid #baf4db}input[type=color]{height:5rem;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid #a9bcb4;border-radius:.25rem}label{font-size:1.25rem}@media(max-width:1100px){.chooseShape{width:60%}.shapeSpan{width:50%}}@media(max-width:1000px){.rootFormAndRender{position:absolute;left:0;width:100%;height:40%;display:flex}.chooseShape{width:25%;margin:0;height:80%;flex-direction:column;justify-content:center}.toRender{flex-direction:row;height:100%;width:100%}.saveAndResetSpan{margin:0;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:50%}.shapeForms{margin:15% 0}.shapeSpan{width:90%}.singleShapeRoot{padding:1% 0}.saveShapeButton{margin-top:42.25%;margin-right:1%}select{margin:0 auto}.shapesRenderBoard{margin:32rem auto 0;width:100%;box-sizing:border-box}}@media(max-width:850px){.rootFormAndRender{height:100%;flex-direction:column}.chooseShape{margin:auto}.shapeForms{width:60%;margin:0 auto}.shapesRenderBoard{margin-top:180%}.toRender{flex-direction:column;justify-content:space-between;width:80%;height:80%;margin:0 auto}.saveAndResetSpan{margin:0 auto;flex-direction:row;width:100%}.saveShapeButton{margin:0 auto}}
/*# sourceMappingURL=main.fa8939cc.chunk.css.map */