#form1 {
    border: 1px solid #000;
    /* width: 800px; */
    /* height: 600px; */
    width: 400px;
    height: 200px;
}

/* #form1 > div { */
/*
div.panel {
    border: 1px solid #000;
}
*/

.panelEnlargeDiminish {
    grid-area: sector00;
    border: 1px solid #000;
    margin: 10px 0 0 10px;
}

.panelSelectZoom {
    grid-area: sector01;
    border: 1px solid #000;
    margin: 10px 10px 0 0;
}

.panelDo {
    grid-area: sectors1011;
    /* text-align: center; */
}


.form1-container {
    display: grid;
    grid-template-areas:
        'sector00 sector01'
        'sectors1011 sectors1011';
    gap: 10px;
}

.form1-container > div {
    /* text-align: center; */
    /* padding: 20px 0; */
    padding: 10px 10px 10px 10px;
}