body {
    overflow: auto;
    margin: 0px;
}

.app {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    margin: 5px;
    font-family: 'Courier New', monospace;
}

.content {
    display: flex;
    justify-content: center;
}

.contentLayout {
    display: flex;
    width: fit-content;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin: 25px;
    padding: 25px;
    border-radius: 50px;
    background: #e0e0e0;
    box-shadow:  30px 30px 60px #808080,
                -30px -30px 60px #ffffff;
}

.requestHeaderItem {
    margin-left: -20px;
}

.requestHeaderValue {
    margin-left: -10px;
    word-break: break-all;
    overflow-wrap: break-word;
}

.leftSide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    gap: 5px;
    padding: 25px 50px 25px 50px;
    border-radius: 30px;
    background: #e0e0e0;
    box-shadow: inset 9px 9px 18px #777777,
            inset -9px -9px 18px #ffffff;
}

.rightSide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    gap: 5px;
    padding: 25px 50px 25px 50px;
    border-radius: 30px;
    background: #e0e0e0;
    box-shadow: inset 9px 9px 18px #777777,
            inset -9px -9px 18px #ffffff;
}

@media (max-width: 1000px) {
    div.app {
        position: absolute;
        gap: 15px;
    }
    div.contentLayout {
        gap: 10px;
        margin: 5px;
        padding: 10px;
        border-radius: 35px;
    }
    div.leftSide {
        padding: 0px 25px 0px 25px;
    }
    div.rightSide {
        padding: 0px 25px 0px 25px;
    }
}