main.css

body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}

.split-screen {
    display: flex;
    height: 100vh; /* Use viewport height to ensure full height */
}

.left-pane, .right-pane {
    width: 50%;
    height: 100vh; /* Use viewport height to ensure full height */
/*    overflow: auto;*/
    overflow: hidden;
}

.left-pane {
    border-right: 1px solid #ccc;
}

.right-pane {
  display: flex; /* Use flexbox layout */
  flex-direction: column; /* Stack children vertically */
}

#terminal {
  flex-grow: 1; /* Allow the terminal to grow to fill the space */
  width: 100%; /* Full width of its parent */
}

iframe {
    width: 100%;
    height: 100%;
    border: none; /* Optional: remove the border for a cleaner look */
}

/* Add additional styling as needed */