body {
}
h1 {
    text-align: center;
}
h3 {
    text-align: center;
}
i {
    cursor: pointer;
}
th, td {
    white-space: nowrap;
}
.dataTables_scroll {
    position: relative;
    overflow: auto;
    max-height: 50vh; /*the maximum height you want to achieve*/
    width: 100%;
}
.dataTables_scroll thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
}