body { /* Or your more specific selector */
    font-family: 'Courier New', Courier, monospace;
    background-image: url('/static/images/background.jpg') !important;
    background-size: cover !important; /* Or 'contain' */
    background-repeat: no-repeat !important;
    background-attachment: fixed !important; /* Optional: keeps background fixed on scroll */
    background-position: center center !important;
}

.container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.main-content {
    padding-top: 1em;
    padding-bottom: 20px;
    text-align: center;
    margin: 1em;
}

/*.main-title {*/
/*    text-align: center;*/
/*    margin-top: 20px;*/
/*}*/

/*.main-p {*/
/*    margin: .2em;*/
/*    padding: .2em;*/
/*}*/

.player-wrapper {
    background-color: #000000;
    /*margin:20px;*/
    width: 100%;
    padding: .5em;
}
.track-table table {
    width: 100%;
    border-collapse: collapse;
}

.track-table th, .track-table td {
    padding: 4px; /* Adjust the padding as needed */
    line-height: 1.2; /* Adjust the line-height as needed */
}