html {
overflow-x: hidden;
}

body {
overflow-x: hidden;
}

.station_button {
width:10%;
height:50px;
background-size: cover;
}

.ul_player {
display: inline-block;
}
#youtube_close_bg {
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#youtube {
top: 50%;
left: 5%;
width: 90%;
    position: fixed;
    z-index: 999999;
}

#youtube2 {
    background-color: #000;
    box-shadow: 0 0 10px 0 #000;
    margin:   -180px 0 0 0;
}

#youtube_closebutton {
    color: #fff;
  padding: 1px 7px 3px 7px;
  border-radius: 18px;
    font: Arial;
    font-size: 20px;
    background-color: #8B0000;
    box-shadow: 0 0 3px 0 #000;
    cursor: pointer;
    position: absolute;
    right: -18px;
    top: -199px;
}
.station_but {
background: #555
}
.station_but img {
cursor:pointer;
max-width: 120px;
filter: invert(0%);
border-radius: 70px; 
margin: 6px;
 

}

.station_but img:hover{

filter: invert(100%);
    animation: rotate 4s linear infinite;
}@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.player {
    box-shadow: 0 0 20px 0 #000;
      bottom: 0;
    width: 100%;
    z-index: 999;
    height: 140px;
    font-size: 10px;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    text-align: left;
    border: 0px solid #000;
    position: fixed;
      background-color: #000;
overflow-y: hidded;
transform: translate3d(0,0,0);
  }