#show-player{height:100px}section.app{padding-bottom:120px}section.main{position:relative;display:block;margin:0 auto 20px;width:90%;display:-webkit-box;display:-ms-flexbox;display:flex}article{min-width:35%;margin:1em 0 1em 2em}h1{margin:20px 0 0 5%}p{text-align:justify;font-size:16px;margin:1em 0}label{margin-left:20px}.align-right{text-align:right}button{background:#4aa48c;color:#fff;padding:5px 10px;margin:10px 0 0 10px;cursor:pointer}button:disabled{background:grey}.main-player{position:relative;background:#e9e9e9;padding:10px 5%}.main-player p{font-weight:700}.main-player .buttons{float:right}.main-player .buttons>span{margin:10px 0 0 10px;border:2px solid #4aa48c;padding:3px 10px}