body {
    background-color: rgb(240, 230, 230);
}

.currently-playing {
    padding: 8px;
}

.controls {
    padding: 8px;
}

.track-list {
    border: 1px solid black;
    display: flex;
}

.track-list__grouping {
    padding: 8px;
    border-style: solid;
    border-width: 0px 5px 0px 0px;
}

.bulletless-list {
    list-style: none;
}

.track-list__row {
    margin-top: 32px;
}

.track-card {
    border: 1px solid black;
    border-radius: 5px;
    padding: 8px;
    width: 300px;
    height: 100px;
    display: grid;
    gap: 4px 4px;
}

.track-card__name {
    display: block;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.track-card__length {
    display: block;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.track-card__album {
    display: block;
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.track-card__artist {
    display: block;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}