body 
{
    background-color: #323432;
}
body, a:link, a:visited
{
    color: #fff;
}
span
{
    vertical-align: middle;
}
.scroll-container
{
    height: 86%;
    overflow-y: scroll;
    margin-bottom: 5px;
}
.multiple-columns 
{
    display: flex;
    gap: 10px; /* space between columns */
    margin-bottom: 2px;
}
.column1
{
    flex: 1; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
    line-height: 30px; 
}
.column2
{
    flex: 2; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
}
.column3
{
    flex: 3; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
    line-height: 30px; 
}
.column4
{
    flex: 4; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
    line-height: 30px; 
}
.column5
{
    flex: 5; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
    line-height: 30px; 
}
.column6
{
    flex: 6; /* each column takes equal width */
    padding: 5px;
    background-color: #787069;
    border: 1px solid #ABA6AA;
    color: #fff;
    line-height: 30px; 
}