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}:root{--blue:#18a0fb;--black:#2c2c2c;--orange:#ff8577;--gray:#e5e5e5;--dark-black:#000;--white:#fff;--green:#1bc47d}.toolbar-btn-clicked{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#18a0fb;background-color:var(--blue)}.toolbar-btn{width:40px}.toolbar,.toolbar-btn{height:40px;display:flex;justify-content:center;align-items:center;background-color:#2c2c2c;background-color:var(--black)}.toolbar{z-index:1000;position:absolute;top:0;left:0;width:100%;font-family:serifSC;font-style:white}.back-div{height:100vh;width:100vw;background-color:#e5e5e5;background-color:var(--gray);display:flex;align-items:center;justify-content:center}.paint-canvas{margin:0 auto;width:1000px;height:500px}.paint-canvas,.panel{background-color:#fff;background-color:var(--white)}.panel{position:absolute;top:40px;left:0;width:5vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.div-red{background-color:#ff8577;background-color:var(--orange)}.div-black,.div-red{width:2.5vw;height:2.5vw;margin:.3vw;border-radius:25%}.div-black{background-color:#2c2c2c;background-color:var(--black)}.div-gray{background-color:#e5e5e5;background-color:var(--gray)}.div-gray,.div-green{width:2.5vw;height:2.5vw;margin:.3vw;border-radius:25%}.div-green{background-color:#adff2f}.div-blue{background-color:#18a0fb;background-color:var(--blue)}.div-blue,.div-yellow{width:2.5vw;height:2.5vw;margin:.3vw;border-radius:25%}.div-yellow{background-color:#ff0}.div-purple{background-color:purple;width:2.5vw;height:2.5vw;margin:.3vw;border-radius:25%}.selected{border:2px solid #2c2c2c;border:2px solid var(--black);width:3.5vw;height:3.5vw;display:flex;align-items:center;justify-content:center}.div-color{width:2.5vw;height:2.5vw;margin:.3vw;border-radius:25%}
/*# sourceMappingURL=main.0b0d2300.chunk.css.map */