/* Retro palette */
:root {
    --seafoam: #68C7C1;
    --sunshine: #FACA78;
    --coral: #F57F5B;
    --tomato: #DD5341;
    --brown: #794A3A;
    --cream: #FFF5DD;
    --ink: #3F2925;
}

body {
    background-color: var(--cream);
}

.navbar {
    background-color: var(--seafoam) !important;
    border: 2px solid var(--brown);
    margin: .2rem;
    margin-top: 1rem;
}

body > h1 {
    color: var(--brown);
    text-shadow: 3px 3px 0 var(--sunshine);
    text-align: center;
    font-family: 'Arial Black', Impact, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 4em;
}

body > h2 {
    color: var(--ink);
    text-shadow: 1px 1px 0 var(--sunshine);
    font-family: 'Arial Black', Impact, sans-serif;
    letter-spacing: 0.04em;
}

.DJSetDescription {
    color: var(--brown);
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.albumSection {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.albumArt {
    width: 40%;
    height: auto;
}

.albumNotes {
    width: 60%;
    color: var(--brown);
    font-size: 1.2em;
    text-align: left;
}

.spotifyAudio {
    display: block;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

.profilePic {
    display: block;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

.bio {
    color: var(--brown);
    font-size: 1.2em;
    text-align: left;
}