body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.container {
    display: flex; /* Uses Flexbox for side-by-side layout */
    height: 100vh; /* Container takes the full height of the viewport */
    gap: 20px; /* Adds space between columns */
    padding: 10px;
    box-sizing: border-box;
}

.column {
    flex: 1; /* Each column takes up equal space */
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    overflow-y: auto; /* Adds a vertical scrollbar if content overflows the height */
    max-height: calc(100vh - 40px); /* Adjust height to fit within the viewport considering padding/margin */
}

.left-column {
    background-color: #e6f7ff;
}

.right-column {
    background-color: #e6ffe6;
}

h2 {
    margin-top: 0;
}