div#container
{
   width: 1280px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
@media only screen and (max-width: 1280px)
{
div#container
{
   width: 1280px;
}
body
{
   background-color: #000000;
}
}

    /* Define a container to hold the two columns */
    .container {
        display: flex; /* Use flexbox for layout */
    }

    /* Define styles for left column */
    .left-column {
        //width: 40%;
        flex: 45%;
        //flex: 1; /* Make the left column take up half of the container */
        background-color: #000000; /* Add background color for clarity */
        padding: 5px; /* Add padding for spacing */
        display: flex; /* Use flexbox for centering */
        justify-content: center; /* Center contents horizontally */
        align-items: center; /* Center contents vertically */
        text-align: center; /* Center-align text */
    }
    .table-container {
        width: 100%; /* Each table takes up 50% of the left division */
        float: left; /* Float tables to the left */
    }
    /* Define styles for right column */
    .right-column {
        //width: 60%;
        flex: 55%;
        //flex: 1; /* Make the right column take up half of the container */
        display: flex; /* Use flexbox for centering */
        background-color: #e0e0e0; /* Add background color for clarity */
        padding: 0px; /* Add padding for spacing */
    }
    /* Style for the table */
    table {
        width: 80%; /* Set width of the table */
        //border-collapse: collapse;
        margin: 0 auto;
        //width: 100%;
    }
    iframe {
        width: 100%;
        height: 100%;
        border: none; /* Remove border */
    }
