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}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{margin:0;padding:0}#toolBar{display:-webkit-flex;display:flex;padding:10px 20px 5px;background:hsla(0,0%,82.7%,.2);border-radius:10px;position:absolute;left:50%;top:10px;-webkit-transform:translate(-50%);transform:translate(-50%);box-shadow:10px 10px 20px #e2e2e2}.tool{cursor:pointer!important;font-size:30px;line-height:40px;text-align:center;margin:auto;height:50px;width:50px}.control{-webkit-filter:grayscale(100%);filter:grayscale(100%)}img{height:40px;width:40px;object-fit:cover}label>img{margin-top:20px}.tool:hover{color:#639;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.2);transform:scale(1.2)}.tool:nth-child(9){font-size:35px}.color{border-radius:50%;margin:4px;width:30px!important;height:30px!important}.tool:nth-child(10){position:relative;font-size:28px;top:-19px}.tool:nth-child(10) label i,.tool:nth-child(10) label input{width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.tool:nth-child(10) label input{z-index:-100;opacity:0}#undo-redo{display:-webkit-flex;display:flex;background:#000;-webkit-justify-content:center;justify-content:center;position:absolute;width:90%}#undo-redo .tool{width:40px;height:40px;margin:0;transition:all .5s}@media(max-width:630px){#toolBar{-webkit-flex-direction:column;flex-direction:column;left:10%}.control{margin-top:5px}}*{box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden}.whiteboard{height:100%;width:100%;position:absolute;left:0;right:0;bottom:0;top:0}.colors{position:fixed}.color{display:inline-block;height:48px;width:48px}.active{-webkit-filter:grayscale(0);filter:grayscale(0);color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.color.black{background-color:#000}.color.red{background-color:red}.color.green{background-color:green}.color.blue{background-color:#00f}.color.white{background-color:#fff}#footer{width:100%;height:5%;position:absolute;bottom:0;background-color:#f3f3f3}#footer,#footer button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:10px}#footer button{border:none;outline:none;width:20px;height:20px;margin-right:20px}#footer>div>input,#footer button{cursor:pointer;margin-bottom:20px;background-color:transparent}#footer>div>input{height:18px}#footer>button>img{width:30px;height:30px;object-fit:cover;margin-right:20px;margin-left:20px}#footer button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.crosshair{width:20px;height:20px;position:absolute;border:1px solid #000;border-radius:50%;pointer-events:none}.redo,.save,.undo{height:60px}.save{width:50px;height:50px;object-fit:cover;margin-left:20px}.brushSizeControl{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center}.whiteboard{cursor:none}
/*# sourceMappingURL=main.f3f81c8c.chunk.css.map */