:root {
    --palette-blue: #46d0c9;
    --palette-pink: #e36f7a;
    --palette-yellow: #f2c14e;
    --palette-dark: #011936;
    --palette-gray: #465362;
}

.desc-div a {
    color: inherit;
}

body {
    background-color: var(--palette-blue);
    color: var(--palette-dark);
    font-display: swap;
}

.header {
    padding: 1em;
    margin-bottom: -3em;
}

.main-content {
    padding: 5em 2em;
    max-width: 800px;
    margin: auto;
}

.title-graphic {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5%;
}

#subscribe-button {
    background-color: var(--palette-pink);
    color: var(--palette-dark);
}

/* Table styles */

.episode-table {
    border: 1px solid var(--palette-gray);
    width: inherit;
}

td.table-desc {
    max-width: 400px;
    font-size: 12px;
}

.table-title {
    max-width: 225px;
}

.table-date {
    min-width: 7em;
}
.episode-table thead {
    background-color: var(--palette-dark);
    color: white;
}

.pure-table-horizontal th, td, tr {
    border-color: var(--palette-gray) !important;
}



.desc-div h1, p, a {
    text-align: center;
}

.button-container {
}

.button-container audio {
    width:100%;
}

.menu-link {
    text-decoration: inherit;
    color: inherit;
}

#download-button {
    height: 24px;
    width: 100%;
    background-color: var(--palette-pink);
    color: white;
}

#show-notes {
    margin-top: 2em;
}

#show-notes p {
    text-align: left;
}