html {
    height: 100%;
    background-size: cover;
    background-repeat:no-repeat;
    background: linear-gradient(180deg,
        red 0%, red 16.7%, 
        orange 16.7%, orange 33.3%,
        yellow 33.3%, yellow 50%, 
        green 50%, green 66.7%, 
        blue 66.7%, blue 83.3%, 
        purple 83.3%, purple 100%);
}

body {
    
}

#now-playing {
    margin-top: 5px;
    padding-bottom: 24px;
}
#archive-button {
    margin-top: 30px;
}
.span8 {
    padding-bottom: 88px;
}

footer {
    background: black;
    color: #f9f9f9;
    padding: 19px 0 12px 0;
    text-align: center;
    opacity: 0.9;
}

@media (min-width: 768px) and (max-width: 979px) {
    #twitter { padding-left: 20px; padding-right: 20px; }
}