header{display:flex;flex-direction:column;width:100%;padding:0;align-items:center;justify-content:center}h1{font-family:sintony,futura,helvetica neue,Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0}.hidden{display:none!important}.content{display:flex;padding-bottom:0!important;align-content:center;flex-direction:column}.content img{margin:-2em auto 1em}.content p{text-align:justify;line-height:1.25}#topnav{background-color:transparent;padding-top:32px;padding-bottom:24px}#topnav .wrap{align-items:start;justify-content:start}#topnav .wrap .horizontal-list{margin:auto}#topnav .wrap .horizontal-list li a{color:#e57b3a;font-size:1.25em;text-transform:uppercase}#topnav .wrap .horizontal-list li a:hover{border-bottom:3px solid #e57b3a}#topnav #textlockup{display:none}#progress{position:fixed;top:0;left:0;width:0%;height:15px;background-color:#e57b3a;z-index:3}#shelf{padding-top:1em}#shelf .wrap{display:flex;align-items:center;justify-content:center}#shelf .wrap #playlist-title{align-items:center;justify-content:center;width:65.5px;height:200px;display:flex}#shelf .wrap #playlist-title h1{transform:rotate(-90deg);padding-bottom:18px}#shelf .wrap #playlist{flex:1}#hero{background:#241d15;background-size:cover;min-height:0}#logo{max-height:4.5em;min-height:4.5em;max-width:12.25em;min-width:12.25em;margin-top:3.75em;margin-top:3.75em;flex:1;background:url(/img/wy.svg)50% no-repeat;background-size:contain}#logo2{max-height:40px;min-height:40px;flex:1;background:url(/img/textlockup.svg)50% 100% no-repeat;background-size:contain}#biography{box-sizing:border-box;padding:20px;background:#fff}#biography img{display:block;margin:auto;margin-top:-4em!important;padding-bottom:2em}@media screen and (max-width:719px){#biography p{padding:0 1em}}#title{display:flex;width:100%;flex-direction:row;justify-content:center;font-weight:300;color:#fff;max-height:3.75em;min-height:3.75em}#title #timer,#title #duration{margin-top:auto;font-size:20px;padding:.25em;flex:1}#title #duration{text-align:right}#title #timer{text-align:left}#title #track{margin-top:auto;font-size:28px;padding:.25em}#playbar{cursor:pointer;z-index:10;position:fixed;top:0;left:0;width:100%;height:20px}#controls{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:70px}#controls #playBtn,#controls #pauseBtn,#controls #loading{width:70px;height:70px}#controls #playBtn{background-image:url(/img/play-circle.svg)}#controls #pauseBtn{background-image:url(/img/pause-circle.svg);display:none}#controls #loading{background-color:#fff;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out;display:none}#controls #prevBtn,#controls #nextBtn{width:35px;height:35px}#controls #prevBtn{background-image:url(/img/play.svg);transform:scale(-1,1)}#controls #nextBtn{background-image:url(/img/play.svg)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-moz-keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-ms-keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#list{width:100%}#list .list-song{text-transform:uppercase;padding:.25em;font-size:1.25em;font-weight:700;color:#241d15;font-family:sintony,futura,helvetica neue,Helvetica,Arial,sans-serif}#list .list-song:hover{background-color:#e57b3a;cursor:pointer}