* {
        box-sizing: border-box;
      }
      
      #canvas1{
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin: auto auto;

        /* border: 1px solid black; */
      }

      #regen{
        padding: 10px 20px;
      }

      .controls {
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
        max-width: min(92%, 510px);
        height: auto;
        background-color: rgb(255 255 255 / 90%);
        padding: 5px 10px;

        border-top-left-radius: 10px;

    max-height: 100%;
    overflow-y: scroll;
      }

      body {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        /* background-color: #f6f6f6; */
      }