#streamplayer_button,#streamplayer_title{top:0;bottom:0;right:0;position:absolute}body,html{padding:0;margin:0;height:99%;width:100%;overflow:hidden}body{position:fixed;padding:2%}audio{display:none}#streamplayer{position:relative;width:90%;padding:0 5% 0 0;margin:0;animation-name:player;animation-duration:2s;animation-fill-mode:forwards}#streamplayer:before{content:"";display:block;padding-top:100%}#streamplayer_button{float:none;display:block;width:50%;height:50%;margin:0;background:url(play.svg) center center no-repeat #fff;background-size:60%;border:2px solid #ccc;border-radius:50%;box-shadow:#eee 0 0 1em;transform:scale(.9);transition:border,box-shadow,transform .3s;left:0}#streamplayer_button:hover{border-color:#951c81;box-shadow:rgba(149,28,129,.4) 0 0 1em;transform:scale(1)}#streamplayer_button:focus{outline:0}#streamplayer_button.pause{background:url(pause.svg) center center no-repeat #fff;background-size:60%}#streamplayer_title{margin-top:5%;padding:1em;background:#fff;color:#951c81;font-weight:700;border:2px solid #ccc;text-align:center;height:25%;border-radius:.5em;left:55%;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre-line}#streamplayer_title:after,#streamplayer_title:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#streamplayer_title:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:10px;margin-top:-10px}#streamplayer_title:before{border-color:rgba(149,28,129,0);border-right-color:#ccc;border-width:13px;margin-top:-13px}@keyframes player{from{transform:scale(0) rotateZ(-90deg);opacity:0}to{transform:scale(1) rotateZ(0);opacity:1}}