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;display:flex;flex-direction:column;height:100vh;width:100vw}.heading{background-color:#282c34;flex-direction:column;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;height:20vh}.heading,.main{display:flex;align-items:center;width:100%}.main{flex-direction:row;justify-content:flex-start;min-height:80vh;height:-webkit-max-content;height:-moz-max-content;height:max-content}.tools{justify-content:center;width:20%;height:100%;background-color:orange}.toolbar,.tools{display:flex;align-items:center}.toolbar{justify-content:space-evenly;flex-direction:column;width:80%;max-width:200px;min-height:80%;height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:grey;border-radius:10px;margin:10px 0}.tool-btn-container{margin:10px;height:50px;width:50px;background-color:#fff;box-shadow:4px 4px}.tool-btn-container:hover{border:2px solid #ff0;margin:8px;cursor:pointer}.tool-btn-clicked{box-shadow:none;border:4px solid #00f;margin:6px}.tool-btn-img{height:100%;width:100%}.dimensions-container{display:"flex";align-items:"center";justify-content:"center";border:2px solid #fff;width:80%;height:-webkit-min-content;height:-moz-min-content;height:min-content;margin:10px 20px;border-radius:10px}.dimensions-title{margin-bottom:0;color:#fff;font-weight:700}.input-field{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:5px}.input-dimensions{font-size:15px;height:30px;width:80%;margin:5px 0;padding:3px}.canvas-container{width:80%;min-height:100%;background-color:grey}.canvas,.canvas-container{height:-webkit-max-content;height:-moz-max-content;height:max-content}.canvas{display:flex;flex-direction:column;justify-content:flex-start;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#fff}.grey-on-hover{position:relative;cursor:pointer}.grey-on-hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);transition:opacity .3s;opacity:0;z-index:2}.grey-on-hover:hover:before{opacity:1}.popover{position:relative;z-index:10;top:-150px;left:85px}.cover{position:fixed;top:0;right:0;bottom:0;left:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media screen and (max-height:612px),screen and (max-width:887px){.popover{position:absolute;z-index:10;top:20vh;left:20%}.tools{overflow-y:auto;align-items:baseline}}@media screen and (max-width:500px){.dimensions-container{border:none}.dimensions-title{color:#000}.input-field{margin:0}.toolbar{background-color:orange;margin:auto}}
/*# sourceMappingURL=main.4b90bc34.chunk.css.map */