:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a4c9cde;background-color:#e3e5f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-family:Lobster,cursive;font-size:50px;color:#4644f0}.Menu{width:650px;height:50px;display:flex;justify-content:space-evenly;border-radius:5px;align-items:center;background-color:#a3a3a32d;margin:20px}input{margin-left:5px}#changeShapeButton{width:100px;height:30px}#changeShapeButton svg{margin-left:.2em}#changeShapeButton>div{display:flex;align-items:center;justify-content:center}#drawingSvg{position:absolute}#starSvg{position:absolute;z-index:6;pointer-events:none}.drawingCanvas{position:absolute;z-index:5;height:100%}#computeCanvas{position:absolute;visibility:hidden;height:100%}#canvasContainer{position:relative;background-color:#fff;border:1px solid #000}#webcamCanvas{display:none}