*{padding: 0 0 0 0; margin: 0 0 0 0; color: #763a00; font-family: Arial; }

li{display: inline-block; margin-right: 0px; font-size: 14px; text-decoration: bullet; padding-left: 10px; cursor: pointer;}

p{font-size: 14px;}

h1{margin-bottom: 10px; margin-left: auto; margin-right: auto; font-size: 24px;}

p{margin-top: 10px;}

body{background-color: black; }

.main{width: 100%; height: 100%;}

.album{width: 100%; text-align: center;}

.album img{width: 100%; display: block; line-height: 2px;}

.credits{width: 660px; margin-left: -350px; margin-right: auto; padding-top: 20px; padding-bottom: 20px; margin-top: -330px; position: absolute; left: 50%; background-image: url(../img/notesbg.png); padding-left: 20px; padding-right: 20px; background-repeat: no-repeat;}

.nail{width: 48px; height: 51px; background-image: url(../img/nail.png); position: absolute; margin-left: -40px; margin-top: -40px; background-position: 0 -51px; cursor: pointer;}

.clicked{background-position: 0 0;}

.small{width: 20px; background-image: none;}

.music-player{position: fixed; left: 50%; width: 300px; margin-left: -150px; line-height: 40px; background-color: rgba(0,0,0,.3); padding: 0px 10px; z-index: 999; top: 20px; opacity: .4;}
.music-player:hover{opacity: 1;}
#song-title{color: white !important;}

@media (max-width: 660px) {
  .music-player{top: auto; bottom: 20px; opacity: 1;}
  .credits{width: 100%; margin-left: 0; left: 0; position: relative; margin-top: 20px; background-image: none; background-color: white;}
  li{display: block;}
  .album{display: none;}
  body{padding-bottom: 120px;}
}