body {

}
p, li {
    font-size: 2em;
}
header .container, main .content, footer .container {
    max-width: 800px;
    padding: 0 16px;
}
header .container {
    margin: 400px auto;
    text-align: center;
}
header .container h1 {
    font-size: 10em;
    word-spacing: -.5ch;
    margin: 0;
}
header .container h1 span {
    font-weight: 600;
    background: -webkit-linear-gradient(0deg,#999, #d6d6d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
header .container .social {
    list-style-type: none;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    padding: 0;
}
header .container ul a {
    color: #000;
}
header .container ul a:hover {
    color: #999;
}
header .container ul a:selected {
    color: #666;
}
header .container ul li {
    padding: 10px;
    float: left;
}
main .content {
    margin: 0 auto;
}
main .content .availability {
    text-align: center;
}
main .content ul.streaming_platforms {
    list-style-type: none;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    padding: 0;
}
main .content ul.streaming_platforms li {
    padding: 10px;
    float: left;
}
main .content a.streaming_link span {
    font-weight: 500;
}
main .content ul.streaming_platforms a {
    color: #000;
}
main .content ul.streaming_platforms a:hover {
    color: #999;
}
main .content ul.streaming_platforms a:selected {
    color: #666;
}
main .content .about {
    margin-bottom: 200px;
}
main .content .release {
    margin: 50px 0;
}
main .content .release .track_title {
    font-weight: 400;
}
main .content .release img.album_cover {
    margin: 0 auto;
    padding: 50px;
    display: block;
    width: 70%;
    filter: drop-shadow(0 0 3em #999)
}
main .content .release .original_artist {
    color: gray;
    font-size: 80%;
}
footer .container {
    margin: 100px auto 0;
    color: #999;
    font-size: 0.8em;
    text-align: center;
}

.change_font, .change_font > * {
    line-height: 1em;
    animation-name: fontChange;
    animation-duration: 1s;
    animation-iteration-count: one;
}

@keyframes fontChange {
    10% {
        font-family: 'Courier New';
        text-decoration: underline;
        text-decoration-color: #afafaf;
        font-style: oblique;
        letter-spacing: -10px;
    }
    21% {
        font-family: 'Arial';
    }
    30% {
        font-family: 'Georgia';
        text-decoration: none;
        letter-spacing: 0px; 
    }
    35% {
        font-family: 'Arial'; 
        text-decoration: line-through; 
        text-decoration-color: #000;
    }
    38% {
        font-family: 'Brush Script MT';
        text-decoration: none;
        letter-spacing: 0px;
    }
    45% {
        font-family: 'Tahoma';
        font-style: normal;
    }
    56% {
        font-family: 'sans-serif';
        text-decoration: overline;
        text-decoration-color: #777;
    }
    65% {
        font-family: 'sans-serif';
        text-decoration: overline;
        text-decoration-color: #777;
    }
    70% {
        font-family: 'Times New Roman';
        text-decoration: none;
    }
    80% {
        font-family: 'Courier', 'sans-serif';
    }
}