body{
    margin:0;
    padding:0;
}

div{
    background-color: white;
    color: black;
    font-family:Arial, Helvetica, sans-serif;

}

/* Set additional styling options for the columns*/
.column1,.column2,.column3,.column4,.column5,.column6{
    max-height: 250px;
    float: left;
    width: 16.6%;
    margin:0;
    padding:0;
    box-sizing: border-box;  
}


.column7,.column8,.column9,.column10,.column11,.column12,.column13,.column14{
max-height: 250px;
float: left;
width: 12.5%;
margin:0;
padding:0;
box-sizing: border-box;
}


.column15,.column16,.column17,.column18,.column19,.column20,.column21,.column22,.column23,.column24 {
max-height: 250px;
float: left;
width: 10%;
margin:0;
padding:0;
box-sizing: border-box;
}

.column25,.column26,.column27,.column28,.column29,.column30,.column31,.column32,.column33,.column34,.column35,.column36 {
    max-height: 250px;
    float: left;
    width: 8.33%;
    margin:0;
    padding:0;
    box-sizing: border-box; 
}

.column37,.column38,.column39,.column40,.column41,.column42,.column43,.column44{
    max-height: 250px;
    float: left;
    width: 12.5%;
    margin:0;
    padding:0;
    box-sizing: border-box;  
}

.column45,.column46,.column47,.column48,.column49,.column50,.column51,.column52,.column53,.column54,.column55,.column56,.column57,.column58,.column59,.column60{
    max-height: 250px;
    float: left;
    width: 6.25%;
    margin:0;
    padding:0;
    box-sizing: border-box;  
}


.inner{
    width:1000px;
    height:1000px;
    background-color:white;
}

.column1{
    overflow:scroll;
    padding: 5px;
}
.column2{
    overflow:scroll;
    padding: 5px;
}
.column3{
    overflow:scroll;
    padding: 5px;
}
.column4{
    overflow:scroll;
    padding: 5px;
}

.column5{
    overflow:scroll;
    padding: 5px;
}

.column6{
    overflow:scroll;
    padding: 5px;
}

.column7{
    overflow:scroll;
    padding: 5px;
}

.column8{
    overflow:scroll;
    padding: 5px;
}

.column9{
    overflow:scroll;
    padding: 5px;
}

.column10{
    overflow:scroll;
    padding: 5px;
}

.column11{
    overflow:scroll;
    padding: 5px;
}

.column12{
    overflow:scroll;
    padding: 5px;
}

.column13{
    overflow:scroll;
    padding: 5px;
}
.column14{
    overflow:scroll;
    padding: 5px;
}
.column15{
    overflow:scroll;
    padding: 5px;
}
.column16{
    overflow:scroll;
    padding: 5px;
}

.column17{
    overflow:scroll;
    padding: 5px;
}

.column18{
    overflow:scroll;
    padding: 5px;
}

.column19{
    overflow:scroll;
    padding: 5px;
}

.column20{
    overflow:scroll;
    padding: 5px;
}

.column21{
    overflow:scroll;
    padding: 5px;
}

.column22{
    overflow:scroll;
    padding: 5px;
}

.column23{
    overflow:scroll;
    padding: 5px;
}

.column24{
    overflow:scroll;
    padding: 5px;
}

.column25{
    overflow:scroll;
    padding: 5px;
}
.column26{
    overflow:scroll;
    padding: 5px;
}
.column27{
    overflow:scroll;
    padding: 5px;
}
.column28{
    overflow:scroll;
    padding: 5px;
}

.column29{
    overflow:scroll;
    padding: 5px;
}

.column30{
    overflow:scroll;
    padding: 5px;
}

.column31{
    overflow:scroll;
    padding: 5px;
}

.column32{
    overflow:scroll;
    padding: 5px;
}

.column33{
    overflow:scroll;
    padding: 5px;
}

.column34{
    overflow:scroll;
    padding: 5px;
}

.column35{
    overflow:scroll;
    padding: 5px;
}

.column36{
    overflow:scroll;
    padding: 5px;
}

.column37{
    overflow:scroll;
    padding: 5px;
}
.column38{
    overflow:scroll;
    padding: 5px;
}
.column39{
    overflow:scroll;
    padding: 5px;
}
.column40{
    overflow:scroll;
    padding: 5px;
}

.column41{
    overflow:scroll;
    padding: 5px;
}

.column42{
    overflow:scroll;
    padding: 5px;
}

.column43{
    overflow:scroll;
    padding: 5px;
}

.column44{
    overflow:scroll;
    padding: 5px;
}

.column45{
    overflow:scroll;
    padding: 5px;
}

.column46{
    overflow:scroll;
    padding: 5px;
}

.column47{
    overflow:scroll;
    padding: 5px;
}

.column48{
    overflow:scroll;
    padding: 5px;
}
.column49{
    overflow:scroll;
    padding: 5px;
}
.column50{
    overflow:scroll;
    padding: 5px;
}
.column51{
    overflow:scroll;
    padding: 5px;
}
.column52{
    overflow:scroll;
    padding: 5px;
}

.column53{
    overflow:scroll;
    padding: 5px;
}

.column54{
    overflow:scroll;
    padding: 5px;
}

.column55{
    overflow:scroll;
    padding: 5px;
}

.column56{
    overflow:scroll;
    padding: 5px;
}

.column57{
    overflow:scroll;
    padding: 5px;
}

.column58{
    overflow:scroll;
    padding: 5px;
}

.column59{
    overflow:scroll;
    padding: 5px;
}

.column60{
    overflow:scroll;
    padding: 5px;
}

.row:after {
content: "";
display: table;
clear: both;
}


::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background: red;
}

::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

/* Column 1 */
.column1::-webkit-scrollbar {
    width: 10px; /* Narrow */
}
.column1::-webkit-scrollbar-thumb {
    background: #ff5733; /* orange */
}
.column1::-webkit-scrollbar-thumb:hover {
    background: #c70039; /* dark red */
}

/* Column 2 */
.column2::-webkit-scrollbar {
    width: 15px; /* Slightly wider */
}
.column2::-webkit-scrollbar-thumb {
    background: #33c4ff; /* light blue */
}
.column2::-webkit-scrollbar-thumb:hover {
    background: #1a75ff; /* blue */
}

/* Column 3 */
.column3::-webkit-scrollbar {
    width: 20px; /* Standard */
}
.column3::-webkit-scrollbar-thumb {
    background: #76ff33; /* light green */
}
.column3::-webkit-scrollbar-thumb:hover {
    background: #33cc00; /* green */
}

/* Column 4 */
.column4::-webkit-scrollbar {
    width: 8px; /* Thin */
}
.column4::-webkit-scrollbar-thumb {
    background: #ff33c4; /* pink */
}
.column4::-webkit-scrollbar-thumb:hover {
    background: #e60073; /* dark pink */
}

/* Column 5 */
.column5::-webkit-scrollbar {
    width: 25px; /* Extra wide */
}
.column5::-webkit-scrollbar-thumb {
    background: #ffff33; /* yellow */
}
.column5::-webkit-scrollbar-thumb:hover {
    background: #ffcc00; /* golden yellow */
}

/* Column 6 */
.column6::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column6::-webkit-scrollbar-thumb {
    background: #a633ff; /* purple */
}
.column6::-webkit-scrollbar-thumb:hover {
    background: #8000ff; /* dark purple */
}

/* Column 7 */
.column7::-webkit-scrollbar {
    width: 18px; /* Slightly wide */
}
.column7::-webkit-scrollbar-thumb {
    background: #33ff57; /* lime green */
}
.column7::-webkit-scrollbar-thumb:hover {
    background: #28a745; /* medium green */
}

/* Column 8 */
.column8::-webkit-scrollbar {
    width: 14px; /* Medium */
}
.column8::-webkit-scrollbar-thumb {
    background: #ff6633; /* orange */
}
.column8::-webkit-scrollbar-thumb:hover {
    background: #cc5200; /* dark orange */
}

/* Column 9 */
.column9::-webkit-scrollbar {
    width: 9px; /* Thin */
}
.column9::-webkit-scrollbar-thumb {
    background: #33ffcc; /* turquoise */
}
.column9::-webkit-scrollbar-thumb:hover {
    background: #00b386; /* dark turquoise */
}

/* Column 10 */
.column10::-webkit-scrollbar {
    width: 22px; /* Wide */
}
.column10::-webkit-scrollbar-thumb {
    background: #ff33ff; /* magenta */
}
.column10::-webkit-scrollbar-thumb:hover {
    background: #cc00cc; /* dark magenta */
}

/* Column 11 */
.column11::-webkit-scrollbar {
    width: 10px; /* Narrow */
}
.column11::-webkit-scrollbar-thumb {
    background: #ff9966; /* peach */
}
.column11::-webkit-scrollbar-thumb:hover {
    background: #ff6600; /* orange */
}

/* Column 12 */
.column12::-webkit-scrollbar {
    width: 16px; /* Slightly wide */
}
.column12::-webkit-scrollbar-thumb {
    background: #66ff66; /* light green */
}
.column12::-webkit-scrollbar-thumb:hover {
    background: #33cc33; /* green */
}

/* Column 13 */
.column13::-webkit-scrollbar {
    width: 20px; /* Standard */
}
.column13::-webkit-scrollbar-thumb {
    background: #3399ff; /* sky blue */
}
.column13::-webkit-scrollbar-thumb:hover {
    background: #0066cc; /* dark blue */
}

/* Column 14 */
.column14::-webkit-scrollbar {
    width: 7px; /* Thin */
}
.column14::-webkit-scrollbar-thumb {
    background: #ff4d4d; /* coral red */
}
.column14::-webkit-scrollbar-thumb:hover {
    background: #cc0000; /* dark red */
}

/* Column 15 */
.column15::-webkit-scrollbar {
    width: 25px; /* Extra wide */
}
.column15::-webkit-scrollbar-thumb {
    background: #33ff99; /* mint green */
}
.column15::-webkit-scrollbar-thumb:hover {
    background: #00cc66; /* medium green */
}

/* Column 16 */
.column16::-webkit-scrollbar {
    width: 13px; /* Medium */
}
.column16::-webkit-scrollbar-thumb {
    background: #ffcc33; /* amber */
}
.column16::-webkit-scrollbar-thumb:hover {
    background: #ff9933; /* orange */
}

/* Column 17 */
.column17::-webkit-scrollbar {
    width: 19px; /* Slightly wide */
}
.column17::-webkit-scrollbar-thumb {
    background: #9966ff; /* lavender */
}
.column17::-webkit-scrollbar-thumb:hover {
    background: #6600cc; /* dark purple */
}

/* Column 18 */
.column18::-webkit-scrollbar {
    width: 8px; /* Thin */
}
.column18::-webkit-scrollbar-thumb {
    background: #ff3366; /* red pink */
}
.column18::-webkit-scrollbar-thumb:hover {
    background: #cc0033; /* dark pink */
}

/* Column 19 */
.column19::-webkit-scrollbar {
    width: 15px; /* Medium */
}
.column19::-webkit-scrollbar-thumb {
    background: #66ffff; /* cyan */
}
.column19::-webkit-scrollbar-thumb:hover {
    background: #33cccc; /* dark cyan */
}

/* Column 20 */
.column20::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column20::-webkit-scrollbar-thumb {
    background: #ff3333; /* bright red */
}
.column20::-webkit-scrollbar-thumb:hover {
    background: #e60000; /* deep red */
}

/* Column 21 */
.column21::-webkit-scrollbar {
    width: 11px; /* Narrow */
}
.column21::-webkit-scrollbar-thumb {
    background: #33ccff; /* sky blue */
}
.column21::-webkit-scrollbar-thumb:hover {
    background: #0099cc; /* teal */
}

/* Column 22 */
.column22::-webkit-scrollbar {
    width: 22px; /* Wide */
}
.column22::-webkit-scrollbar-thumb {
    background: #ccff33; /* lime yellow */
}
.column22::-webkit-scrollbar-thumb:hover {
    background: #99cc00; /* olive */
}

/* Column 23 */
.column23::-webkit-scrollbar {
    width: 14px; /* Medium */
}
.column23::-webkit-scrollbar-thumb {
    background: #ff66ff; /* light magenta */
}
.column23::-webkit-scrollbar-thumb:hover {
    background: #cc00cc; /* purple */
}

/* Column 24 */
.column24::-webkit-scrollbar {
    width: 10px; /* Narrow */
}
.column24::-webkit-scrollbar-thumb {
    background: #3399ff; /* cobalt blue */
}
.column24::-webkit-scrollbar-thumb:hover {
    background: #0066ff; /* bright blue */
}

/* Column 25 */
.column25::-webkit-scrollbar {
    width: 25px; /* Extra wide */
}
.column25::-webkit-scrollbar-thumb {
    background: #cc3333; /* maroon */
}
.column25::-webkit-scrollbar-thumb:hover {
    background: #990000; /* dark maroon */
}

/* Column 26 */
.column26::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column26::-webkit-scrollbar-thumb {
    background: #ff9933; /* orange */
}
.column26::-webkit-scrollbar-thumb:hover {
    background: #cc6600; /* darker orange */
}

/* Column 27 */
.column27::-webkit-scrollbar {
    width: 18px; /* Slightly wide */
}
.column27::-webkit-scrollbar-thumb {
    background: #cc33ff; /* violet */
}
.column27::-webkit-scrollbar-thumb:hover {
    background: #9900cc; /* dark violet */
}

/* Column 28 */
.column28::-webkit-scrollbar {
    width: 9px; /* Thin */
}
.column28::-webkit-scrollbar-thumb {
    background: #99ff33; /* light green */
}
.column28::-webkit-scrollbar-thumb:hover {
    background: #66cc00; /* dark green */
}

/* Column 29 */
.column29::-webkit-scrollbar {
    width: 14px; /* Medium */
}
.column29::-webkit-scrollbar-thumb {
    background: #ff66b2; /* hot pink */
}
.column29::-webkit-scrollbar-thumb:hover {
    background: #cc0099; /* darker pink */
}

/* Column 30 */
.column30::-webkit-scrollbar {
    width: 24px; /* Extra wide */
}
.column30::-webkit-scrollbar-thumb {
    background: #6699ff; /* light blue */
}
.column30::-webkit-scrollbar-thumb:hover {
    background: #3366ff; /* navy */
}

/* Column 31 */
.column31::-webkit-scrollbar {
    width: 11px; /* Narrow */
}
.column31::-webkit-scrollbar-thumb {
    background: #ccff66; /* lime green */
}
.column31::-webkit-scrollbar-thumb:hover {
    background: #99cc33; /* olive green */
}

/* Column 32 */
.column32::-webkit-scrollbar {
    width: 19px; /* Slightly wide */
}
.column32::-webkit-scrollbar-thumb {
    background: #ffcc99; /* peach */
}
.column32::-webkit-scrollbar-thumb:hover {
    background: #ff9966; /* darker peach */
}

/* Column 33 */
.column33::-webkit-scrollbar {
    width: 10px; /* Narrow */
}
.column33::-webkit-scrollbar-thumb {
    background: #66ff99; /* mint */
}
.column33::-webkit-scrollbar-thumb:hover {
    background: #33cc66; /* dark mint */
}

/* Column 34 */
.column34::-webkit-scrollbar {
    width: 16px; /* Slightly wide */
}
.column34::-webkit-scrollbar-thumb {
    background: #ffcc99; /* peach */
}
.column34::-webkit-scrollbar-thumb:hover {
    background: #ff9966; /* darker peach */
}

/* Column 35 */
.column35::-webkit-scrollbar {
    width: 21px; /* Wide */
}
.column35::-webkit-scrollbar-thumb {
    background: #9999ff; /* light lavender */
}
.column35::-webkit-scrollbar-thumb:hover {
    background: #6666ff; /* periwinkle */
}

/* Column 36 */
.column36::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column36::-webkit-scrollbar-thumb {
    background: #ff6699; /* rose pink */
}
.column36::-webkit-scrollbar-thumb:hover {
    background: #cc3366; /* darker rose */
}

/* Column 37 */
.column37::-webkit-scrollbar {
    width: 9px; /* Thin */
}
.column37::-webkit-scrollbar-thumb {
    background: #33cc99; /* sea green */
}
.column37::-webkit-scrollbar-thumb:hover {
    background: #009966; /* deep sea green */
}

/* Column 38 */
.column38::-webkit-scrollbar {
    width: 22px; /* Wide */
}
.column38::-webkit-scrollbar-thumb {
    background: #ffcc00; /* gold */
}
.column38::-webkit-scrollbar-thumb:hover {
    background: #ff9900; /* deep gold */
}

/* Column 39 */
.column39::-webkit-scrollbar {
    width: 11px; /* Narrow */
}
.column39::-webkit-scrollbar-thumb {
    background: #33ff33; /* neon green */
}
.column39::-webkit-scrollbar-thumb:hover {
    background: #00cc00; /* bright green */
}

/* Column 40 */
.column40::-webkit-scrollbar {
    width: 18px; /* Slightly wide */
}
.column40::-webkit-scrollbar-thumb {
    background: #9966ff; /* lavender purple */
}
.column40::-webkit-scrollbar-thumb:hover {
    background: #6600cc; /* deep lavender */
}

/* Column 41 */
.column41::-webkit-scrollbar {
    width: 14px; /* Medium */
}
.column41::-webkit-scrollbar-thumb {
    background: #ccffcc; /* pastel green */
}
.column41::-webkit-scrollbar-thumb:hover {
    background: #99cc99; /* medium green */
}

/* Column 42 */
.column42::-webkit-scrollbar {
    width: 7px; /* Thin */
}
.column42::-webkit-scrollbar-thumb {
    background: #ff66cc; /* hot pink */
}
.column42::-webkit-scrollbar-thumb:hover {
    background: #cc3399; /* darker pink */
}

/* Column 43 */
.column43::-webkit-scrollbar {
    width: 25px; /* Extra wide */
}
.column43::-webkit-scrollbar-thumb {
    background: #ff6666; /* salmon */
}
.column43::-webkit-scrollbar-thumb:hover {
    background: #cc3333; /* red */
}

/* Column 44 */
.column44::-webkit-scrollbar {
    width: 16px; /* Slightly wide */
}
.column44::-webkit-scrollbar-thumb {
    background: #66ffcc; /* turquoise */
}
.column44::-webkit-scrollbar-thumb:hover {
    background: #33cc99; /* deeper turquoise */
}

/* Column 45 */
.column45::-webkit-scrollbar {
    width: 14px; /* Medium */
}
.column45::-webkit-scrollbar-thumb {
    background: #ffccff; /* pastel pink */
}
.column45::-webkit-scrollbar-thumb:hover {
    background: #ff99cc; /* medium pink */
}

/* Column 46 */
.column46::-webkit-scrollbar {
    width: 13px; /* Medium */
}
.column46::-webkit-scrollbar-thumb {
    background: #99ff66; /* lime green */
}
.column46::-webkit-scrollbar-thumb:hover {
    background: #66cc33; /* olive green */
}

/* Column 47 */
.column47::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column47::-webkit-scrollbar-thumb {
    background: #ff99ff; /* lavender pink */
}
.column47::-webkit-scrollbar-thumb:hover {
    background: #ff66ff; /* brighter pink */
}

/* Column 48 */
.column48::-webkit-scrollbar {
    width: 16px; /* Slightly wide */
}
.column48::-webkit-scrollbar-thumb {
    background: #99ff99; /* mint */
}
.column48::-webkit-scrollbar-thumb:hover {
    background: #66cc66; /* green */
}

/* Column 49 */
.column49::-webkit-scrollbar {
    width: 17px; /* Medium */
}
.column49::-webkit-scrollbar-thumb {
    background: #ff9966; /* light orange */
}
.column49::-webkit-scrollbar-thumb:hover {
    background: #ff6633; /* deep orange */
}

/* Column 50 */
.column50::-webkit-scrollbar {
    width: 20px; /* Standard */
}
.column50::-webkit-scrollbar-thumb {
    background: #66ccff; /* baby blue */
}
.column50::-webkit-scrollbar-thumb:hover {
    background: #3399ff; /* cobalt blue */
}

/* Column 51 */
.column51::-webkit-scrollbar {
    width: 9px; /* Thin */
}
.column51::-webkit-scrollbar-thumb {
    background: #ff6699; /* pink */
}
.column51::-webkit-scrollbar-thumb:hover {
    background: #ff3399; /* deep pink */
}

/* Column 52 */
.column52::-webkit-scrollbar {
    width: 13px; /* Medium */
}
.column52::-webkit-scrollbar-thumb {
    background: #ffcc66; /* light gold */
}
.column52::-webkit-scrollbar-thumb:hover {
    background: #ff9933; /* orange */
}

/* Column 53 */
.column53::-webkit-scrollbar {
    width: 18px; /* Slightly wide */
}
.column53::-webkit-scrollbar-thumb {
    background: #66ff33; /* neon green */
}
.column53::-webkit-scrollbar-thumb:hover {
    background: #33cc33; /* green */
}

/* Column 54 */
.column54::-webkit-scrollbar {
    width: 7px; /* Thin */
}
.column54::-webkit-scrollbar-thumb {
    background: #cc66ff; /* lavender */
}
.column54::-webkit-scrollbar-thumb:hover {
    background: #9933cc; /* deep lavender */
}

/* Column 55 */
.column55::-webkit-scrollbar {
    width: 25px; /* Extra wide */
}
.column55::-webkit-scrollbar-thumb {
    background: #ff99cc; /* soft pink */
}
.column55::-webkit-scrollbar-thumb:hover {
    background: #ff6699; /* brighter pink */
}

/* Column 56 */
.column56::-webkit-scrollbar {
    width: 11px; /* Narrow */
}
.column56::-webkit-scrollbar-thumb {
    background: #99ff33; /* lime */
}
.column56::-webkit-scrollbar-thumb:hover {
    background: #66cc00; /* dark lime */
}

/* Column 57 */
.column57::-webkit-scrollbar {
    width: 20px; /* Standard */
}
.column57::-webkit-scrollbar-thumb {
    background: #ff6699; /* pink */
}
.column57::-webkit-scrollbar-thumb:hover {
    background: #ff3366; /* deep pink */
}

/* Column 58 */
.column58::-webkit-scrollbar {
    width: 12px; /* Medium */
}
.column58::-webkit-scrollbar-thumb {
    background: #3399ff; /* sky blue */
}
.column58::-webkit-scrollbar-thumb:hover {
    background: #0066ff; /* dark blue */
}

/* Column 59 */
.column59::-webkit-scrollbar {
    width: 8px; /* Thin */
}
.column59::-webkit-scrollbar-thumb {
    background: #ff9999; /* light red */
}
.column59::-webkit-scrollbar-thumb:hover {
    background: #ff6666; /* coral red */
}

/* Column 60 */
.column60::-webkit-scrollbar {
    width: 22px; /* Wide */
}
.column60::-webkit-scrollbar-thumb {
    background: #ffff66; /* yellow */
}
.column60::-webkit-scrollbar-thumb:hover {
    background: #cccc00; /* deep yellow */