html, body {
    height: 100%;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
}
.stols{right:120px;width:105px;height:45px;top:80px;background-size:75%}
.streamname{color: #fff; font-size:12px; position: absolute; margin: 40px 130px;font-style:bold;  }
.my_player{width:300px;height:125px;background:none !important;
border: none !important; }
#my_play{position:absolute; margin-top: 59px; margin-left: 23px;width:65px;height:65px;background-image:url(https://imgs.su/upload/731/517204903.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}
#my_timer{display:none;position:absolute;width:48px;font:11px Arial;color:#fff;margin-left:7px}
#img{position:absolute; margin: 81px 72px;}
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
.my_streamname{
  position: absolute;
  margin: 135px 85px;
  width: 170px;
    font: 13px Verdana;
    color: #ddddff;
}
.my_song {
    cursor: pointer;
    background:url('https://imgs.su/upload/731/2471511708.png');
    position: absolute;
    overflow: hidden;
    top: 160px;
    left: 64px;
    width: 192px;
    height: 18px;
    font: 14px Verdana;
    color: #ddddff;
	}
.stol{
 position: absolute;
  margin: 70px 210px;
  width: 30px;
  
}
.my_listeners {
    position: absolute;
    top: 83px;
    left: 130px;
    width: 90px;
    font: 20px arial black;
    color: #00f0ff;
    text-align: left;
}
.my_marquee {
    position: absolute;
    padding-left: 100%;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
 }
@keyframes scroll-left {
 0% {transform: translateX(0);}
100% {transform: translateX(-100%);}
}

   
  /* CUSTOM PLAYER */ 
  .player-container {

  display: block; 
  padding: 4px; 
  border-radius: 3px; 
  color: #fff; } 
  .video-bg{ 
  position: absolute; 
  display: flex; 
  align-items: center; 
  flex-direction: column; 
  width: 250px; 
  overflow: hidden; } 
  
  .hiddenvbg { display: none }
  .change-vbg { color:#fff; } 
 
 mybg1{
 position:absolute;
 margin: 15px 15px;
 }
 .bg {
position: absolute;
display: flex;
align-items: center;
flex-direction: column;
width: 300px;
overflow: hidden;
}


.change-vbg a {
   
   background: rgba(148,8,176,0.8);
    cursor: pointer;
    color: #fff;
    margin: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
} 
  
  .change-vbg a:hover{ 
  background:rgba(0,0,0,0.5); 
  } 
  
  .obloz-tips { font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 900; color: #fff; text-align: center; padding: 4px; margin-top: 2px; margin-bottom:2px; border-radius: 3px; text-transform:uppercase; } 
  .player-tips { font-family: 'Comfortaa', sans-serif; font-size: 16px; font-weight: 900; color: #01d2e6; padding: 4px; margin-top: 5px; margin-bottom:5px; border-radius: 3px; } 
 /*END CUSTOM PLAYER*/