* {box-sizing: border-box;}
        canvas {
            border: 1px solid rgb(204, 203, 203);
            cursor: crosshair;
        }
        #gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .image-container {
            border: 1px solid #ccc;
            padding: 5px;
            max-width: 200px;
            text-align: center;
        }
        .image-container img {
            max-width: 100%;
            height: auto;
            display: block;
        }

    button{
    align-self:center;
    background-color: rgb(203, 205, 254);
    border-right: 2px solid rgb(148, 150, 212);
    border-bottom: 2px solid rgb(148, 150, 212);
    border-left: 2px solid rgb(224, 225, 255);
    border-top: 2px solid rgb(224, 225, 255);
    cursor: pointer;
    font-weight:400;
    padding:3px;
    color:#372b3b;
    width:100%;
    }

    button:hover{
    border-left: 2px solid rgb(148, 150, 212);
    border-top: 2px solid rgb(148, 150, 212);
    border-right: 2px solid rgb(224, 225, 255);
    border-bottom: 2px solid rgb(224, 225, 255);
    }


.box3{
    background-color: rgb(203, 205, 254);
    background-image: linear-gradient(to bottom, rgb(203, 205, 254), rgb(233, 210, 244));
    border-right: 2px solid rgb(148, 150, 212);
    border-bottom: 2px solid rgb(148, 150, 212);
    border-left: 2px solid rgb(224, 225, 255);
    border-top: 2px solid rgb(224, 225, 255);
    padding: 5px;
    width:fit-content;
    margin:auto;
    }

.toolbar{
    background: rgb(203, 205, 254);
    border-right: 2px solid rgb(148, 150, 212);
    border-bottom: 2px solid rgb(148, 150, 212);
    border-left: 2px solid rgb(224, 225, 255);
    border-top: 2px solid rgb(224, 225, 255);
    width:100%;
    margin:auto;
}

.tools{
    display:grid;
    grid-template-columns: auto auto;
    gap:5px;
    margin:auto;
}


.bar1{
    height:20px;
    width:100%;
    box-align:right;
    background-color: rgb(197, 228, 248);
    border-bottom: 2px solid  rgb(148, 150, 212);
    align-content: center;
    text-align: left;
    font-size: 12pt;
    margin-bottom:5px;
    display: flex;
    flex-direction: row;
    position:relative;
}