custom_css = """
.logo {
    width: 200px;
    height: auto;
    margin: 0;
    max-width: 220px;
    object-fit: contain;
    overflow: visible !important;
    display: flex;
    align-items: center;
    background-color: #0f0f11;
}

.logo2 {
    width: 100px;
    height: auto;
    margin: 0;
    max-width: 120px;
    object-fit: contain;
    overflow: visible !important;
    display: flex;
    align-items: center;
}

.logo2 img {
    height: 70px;
}
.title {
    display: flex;
    align-items: center;
    font-size: 24px !important;
    margin-top:6px;
}

.text {
    font-size: 16px !important;
}

.tabs button {
    font-size: 20px;
}
.subtabs button {
    font-size: 20px;
}

.descriptive-text span {
    font-size: 16px !important;
}

#control-panel span {
    font-size: 20px !important;
}
#search-bar span {
    font-size: 16px !important;
}
#threshold-slider span {
    font-size: 16px !important;
}
#memory-slider span {
    font-size: 16px !important;
}
#columns-checkboxes span {
    font-size: 16px !important;
}
#backend-checkboxes span {
    font-size: 16px !important;
}
#quantization-checkboxes span {
    font-size: 16px !important;
}

#leaderboard-table td:first-child,
#leaderboard-table th:first-child {
    max-width: 300px;
    overflow: auto;
    white-space: nowrap;
}
"""