*{font-family:Arial,Helvetica,sans-serif}.container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:space-around}.canvas-container{flex:1 1;max-width:50%}.canvas-container canvas{display:block;height:auto;padding-left:10%;width:80%}.controls{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:8%;max-width:400px;padding:20px}.controls h4{color:gray;margin-bottom:10px}.controls h4,h2{text-align:center}.controls input[type=color],.controls input[type=text]{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:5px;width:100%}.circle{border-radius:100%;cursor:pointer;height:35px;margin-right:5px;width:35px}.recent-color{display:flex;margin:10px}.recent-color .circle{flex:1 1}p{color:grey}.circle recent-color{border:2px solid #000;border-radius:4px;height:4px;width:4px}@media (max-width:768px){.container{flex-direction:column;height:auto;padding:20px}.canvas-container{margin-bottom:20px;max-width:100%}}
/*# sourceMappingURL=main.1a154c55.css.map*/