body {
    background-color: #000000;
}

th,
td {
    padding: 15px;
}

.content {
    max-width: 960px;
    height: 95vh;
    margin: auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
        "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 0px;
}

.cover {
    display: flex;
    width: auto;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.table {
    max-width: 1000px;
    margin: auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
        "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 100;
    font-size: 24px;
    color: #dbdbd3;
    display: flex;
    flex-direction: row;
    gap: 0px;
    justify-content: center;
    align-items: center;
}

.responsive {
    width: 100%;
    max-width: 750px;
    height: auto;
    max-height: 750px;
}

.spotify {
    background-image: url("../res/off_spotify.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 188px;
    height: 75px;
}

.spotify:hover {
    background-image: url("../res/on_spotify.png");
}

.bandcamp {
    background-image: url("../res/off_bandcamp.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 188px;
    height: 75px;
}

.bandcamp:hover {
    background-image: url("../res/on_bandcamp.png");
}

.itunes {
    background-image: url("../res/off_itunes.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 188px;
    height: 75px;
}

.itunes:hover {
    background-image: url("../res/on_itunes.png");
}

.hyperfollow {
    background-image: url("../res/off_hyperfollow.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 188px;
    height: 75px;
}

.hyperfollow:hover {
    background-image: url("../res/on_hyperfollow.png");
}

@media (max-width: 1558px) {
    .spotify {
        width: 125px;
        height: 50px;
    }
    .bandcamp {
        width: 125px;
        height: 50px;
    }
    .itunes {
        width: 125px;
        height: 50px;
    }
    .hyperfollow {
        width: 125px;
        height: 50px;
    }
}

@media (max-width: 1024px) {
    .spotify {
        width: 125px;
        height: 50px;
    }
    .bandcamp {
        width: 125px;
        height: 50px;
    }
    .itunes {
        width: 125px;
        height: 50px;
    }
    .hyperfollow {
        width: 125px;
        height: 50px;
    }
}

@media (max-width: 500px) {
    .spotify {
        width: 94px;
        height: 38px;
    }
    .bandcamp {
        width: 94px;
        height: 38px;
    }
    .itunes {
        width: 94px;
        height: 38px;
    }
    .hyperfollow {
        width: 94px;
        height: 38px;
    }
}

@media (max-width: 375px) {
    .spotify {
        width: 63px;
        height: 25px;
    }
    .bandcamp {
        width: 63px;
        height: 25px;
    }
    .itunes {
        width: 63px;
        height: 25px;
    }
    .hyperfollow {
        width: 63px;
        height: 25px;
    }
}

/* Hide Tumblr promote buttons on desktop */
tumblr_controls,
.tmblr-iframe {
    visibility: hidden;
    padding-top: 0 !important;
    /* Hide the tumblr-iframe objects */
}

tumblr_controls,
.iframe-controls--desktop {
    visibility: hidden;
}

/* Hide Tumblr promote buttons on mobile */
body > iframe.tmblr-iframe--controls-phone-container,
.iframe-controls-center,
.tmblr-iframe--app-cta-button {
    display: none !important;
}

/* Remove white bar on mobile */
body {
    padding-top: 0 !important;
}