body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: black; /* Ensuring the background matches the matrix theme */
}

body {
    overflow-y: auto; /* Allow vertical scrolling */
}

#matrix {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%; /* Adjust the height to cover 75% of the viewport */
    z-index: 0; /* Ensure the matrix canvas is at the lowest layer */
}

#file-content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 25%; /* Limit the maximum height to 25% of the viewport */
    overflow-y: auto; /* Enable scrolling when content exceeds the container height */
    padding: 10px;
    border-top: 1px solid #ccc;
    color: white;
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent background */
    z-index: 1; /* Place the file content above the matrix canvas */
    box-sizing: border-box;
}