html, body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 10px;
            background: rgba(200,200,200,10);
        }
        canvas {
            border: 7px solid #000000;
            margin-right: 100px; /* Add margin to the right of the canvas */
        }
        .ui-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start; 
            margin-left: 50px; 
        }
      .ui-container button, .ui-container input[type="color"] {
            width: 120px; 
            height: 40px; 
            margin-bottom: 50px;
      }
canvas {
  display: block;
}