.allTablesWrapper {
     display: flex;
     gap: 20px;
}
 .CSTableWrapper {
     overflow-x: auto;
     display: inline-block;
     vertical-align: top;
     margin-right: 20px;
}
 .CSTableWrapper table {
     border-collapse: collapse;
}
 .CSTableWrapper .csTable th {
     background-color: hsl(274 , 42% , 30%);
     color: white;
     border: 2px solid black;
     padding: 0px 8px;
     font-size: 16px;
}
 .CSTableWrapper .csTable td {
     border: 2px solid black;
     text-align: center;
     font-size: 16px;
}
 @media (max-width: 768px) {
     .allTablesWrapper {
         flex-direction: column;
    }
     .CSTableWrapper {
         width: auto;
         margin-bottom: 20px;
    }
}
 .CSTableWrapper .csTable caption {
     text-align: left;
     font-weight: bold;
}