.main {
    display: grid;
    grid-template-areas: "text1 text2" "container1 container2";
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
}
.inputText {
    grid-area: "text1";
}
.outputText {
    grid-area: "text2";
}
.inputContainer {
    grid-area: "container1";
    border: 1px solid black;
}
.outputContainer {
    grid-area: "container2";
    border: 1px solid black;
}
textarea {
    height: 600px;
    resize: none;
    border: none;
}
table.borders {
    border-collapse: collapse;
}
table.borders, table.borders td, table.borders th {
    border: 1px solid;
}