/************************/
/* div                  */
/************************/
#divInputBoxes {
    display: flex;
    justify-content: center;
    gap: 20px;
    height: 40%;
}

#divCompareArea {
    display: flex;
    margin: 5px 0px;
    align-items: center;
    justify-content: center;
    height: 10%;
}

.divDiffContainer {
    display: flex;
    justify-content: center;
    gap: 20px;
    height: 45%;
}

.diff-box {
    width: 45%;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px;
    min-height: 250px;
    white-space: pre-wrap;
    font-family: monospace;
    overflow-x: auto;
}

.diff-box ins {
    background-color: #a6f3a6;
    text-decoration: none;
}

.diff-box del {
    background-color: #f8a6a6;
    text-decoration: none;
}


/************************/
/* textbox, textarea    */
/************************/
#textA {
    width: 45%;
    /* height: 250px; */
    padding: 10px;
}

#textB {
    width: 45%;
    /* height: 250px; */
    padding: 10px;
}