@charset "UTF-8";

body{
overflow-y: hidden;
overflow-x: hidden;
}

main{
 width: 100vw;
 height:100vw;
 background-size:contain;
 background-image: url(back.jpeg);
 background-repeat:no-repeat;
 }

.image_margin{
 position: relative;
 width:100%;
}
.image_margin:before{
 content:'';
 display:block;
 padding-top:8%;
}

.box{
 transform: scale(2);
 margin-left:30px;
 margin-right:5px;
}

.box2{
 transform: scale(2);
}

.volume_value{
 letter-spacing: 0px;
 font-size:25px;
}

.seekbar{
 text-align: center;
 width:100%;
 position: relative;
}
.seekbar:before{
 content:'';
 display:block;
 padding-top:15%;
}
.seekbar:after{
 content:'';
 display:block;
 padding-top:10%;
}

.seek{
 width: 90%;
}

.volume_set{
 display: inline-block;
 width:25%;
 height:30px;
 text-align: center;
}

.ticker{
 text-align: right;
 margin: 0em 5%;
 font-size:30px;
}

.lyrics_space{
 margin-top:5%;
 margin-left:50%;
 margin-right:40px;
 padding-left: 10px;
 background-color:rgba(0,191,255,0.15);
 font-size:20px;
 font-weight:bold;
}

.p_lyrics{
 font-size:10px;
}