body {
    background-color: #111;
    color: #e0e0e0;
    font-family: Georgia, serif;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 850px;
    margin: auto;
    padding: 40px 20px;

    /* Prevent text being hidden behind the music player */
    padding-bottom: 180px;
}

header {
    text-align: center;
    margin-bottom: 50px;
}

h1 {
    font-size: 3rem;
    margin-bottom: 10px;
}

.subtitle {
    color: #999;
    font-style: italic;
}

.entry {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #333;
}

h2 {
    color: #ffffff;
}

p {
    font-size: 1.1rem;
}

/* Floating YouTube Music Player */

.music-player {
    position: fixed;

    bottom: 15px;
    right: 15px;

    width: 220px;
    max-width: calc(100vw - 30px);

    background: rgba(20, 20, 20, 0.96);

    border: 1px solid #333;
    border-radius: 10px;

    padding: 10px;

    box-shadow: 0 0 20px rgba(0,0,0,0.5);

    z-index: 9999;
}


.music-title {
    text-align: center;
    margin: 0 0 3px 0;
    font-size: 0.8rem;
}


.song-name {
    text-align: center;
    margin: 0 0 8px 0;
    font-size: 0.75rem;
}


.music-player iframe {
    width: 100%;
    height: 125px;

    border-radius: 6px;
}


.credit {
    text-align: center;
    margin-top: 6px;
    font-size: 0.6rem;
}


/* Keeps long posts away from the player */
.container {
    padding-bottom: 250px;
}