body { margin: 0; }

div#textboxes {
    margin: auto;
    display: flex;
    max-width: 70em;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    height: 90dvh;
    justify-content: space-between;
}

#inputBox, #outputBox {
    padding: 10px;
    box-sizing: border-box; /* Include padding in height calculation */
    border: 1px solid CanvasText;
    width: 100%;
}

#wrapper {
  overflow: clip;
  height: 50dvh;

}

#inputBox {
    height: 20dvh;
    resize: none;
}

#outputBox {
    transform: rotate(180deg);
    display: inline-block; /* Ensures the transform applies correctly */
    font-size: 150%
}