.main-content {
    border: 0;
    background-color: var(--body-background-color);
}

.item-div {
    display: grid;
    grid-template-columns: 24px 24px 1fr 24px 24px;
    background-color: lightcyan;
    height: var(--top-row-height);
    overflow-y: hidden;
}

.itemCenterDiv {
    font-family: "verdana", sans-serif;
    font-size: 18px;
    line-height: calc(var(--top-row-height) - 2px);
    text-align: center;
}

.iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

.iframe-wrapper {
    position: absolute;
    top: 80px;
    bottom: 0;
    width: max(calc(var(--display-width) - 2px), var(--display-min-width));
    height: calc(100% - var(--top-row-height) * 2 - 2px);
    overflow-y: hidden;
    border: 1px solid black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}