body{
    display:flex;
    background-color:rgb(49, 49, 49);
    margin:0;
    align-items:center;
    justify-content:center;
    overflow-x:hidden;
    cursor:url('Images-music/Yuki.cur'),auto;
}
.slider::-webkit-slider-thumb, .songoption, .control-icon, a{ 
    cursor:url('Images-music/haruhi.cur'),auto;
}
.songlist, .container{
    opacity:0.75;
}
.parent{
    display:flex;
    gap:50px;
    align-items:center;
    height:100%;
    width:100%;
    background-image:url('Images-music/lainfloat.gif');
    position:fixed;
    background-size:cover;
    background-position:center;
}
.songlist{
    width:25%;
    background-color:rgb(40, 40, 40);
    border-radius:20px;
    margin:10px;
    margin-top:50px;
    align-self:normal;
    display:flex;
    justify-content:center;
    gap:5px;
    flex-wrap:wrap;
    overflow:scroll;
    overflow-x:hidden;
    padding-top:10px;
}
#customscroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
    cursor:url('Images-music/haruhi.cur'), auto;
}
#customscroll::-webkit-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
    border-radius:15px;
}
#customscroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.songoption{
    width:80%;
    height:100px;
    border-radius:20px;
    margin:10px;
    overflow:hidden;
    background-color:black;
    display:flex;
    align-items:center;
}
.songlist-albumcover{
    height:66%;
    aspect-ratio:1/1;
    border-radius:5px;
    margin-left:10px;
}
.songlist-albuminfo{
    overflow:hidden;
    width:100%;
    margin-left:10px;
}
.songlist-albumname{
    font-family:'Protest';
    font-size:fit-content;
    margin:0;
    color:white;
    text-shadow:0 0 5px;
}
.songlist-artistname{
    font-family:'CommerceLI';
    font-size:20px;
    margin:0;
    color:white;
    text-shadow:0 0 5px;
}
.gradanim {
        background: linear-gradient(90deg, #c2c2c2, #ffbff3);
        background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
        animation: gradient 15s ease infinite;
        background-size: 400% 400%;
        background-attachment: fixed;
    }

#universe{
    background: #ffa17f;
    background: -webkit-linear-gradient(to right, #393939, #e3e3e3);
    background: linear-gradient(to right, #393939, #e3e3e3);
    position:relative;
    overflow:hidden;
}
.star0 {
  height: 1px;
  width: 1px;
  opacity: 1;
  position: absolute;
  top:0;
  left:0;
}

.star1 {
  height: 2px;
  width: 2px;
  border-radius: 50%;
  opacity: 1;
  top:0;
  left:0;
  position: absolute;
}

.star2 {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  top:0;
  left:0;
}

.star3 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  top:0;
  left:0;
}

.container{
    width:65%;
    background-color:rgb(39, 39, 39);
    border-radius:20px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
#displayImage{
    height:450px;
    width:450px;
    margin:20px;
    z-index:1;
    border-radius:20px;
}
.song-info{
    height:450px;
    width:475px;
}
#songtitle{
    font-family:'CommerceB';
    color:white;
    text-shadow:0 0 5px;
    font-size:75px;
    margin:0;
    margin-top:50px;
    justify-self:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    line-height:0.85;
    word-spacing:10px;
}
#songartist{
    font-family:'CommerceBI';
    color:white;
    text-shadow:0 0 5px;
    font-size:40px;
    margin:0;
    margin-top:50px;
    justify-self:center;
    margin-bottom:50px;
}
.playbackslider{
    justify-self:center;
    width:80%;
    margin:10px;
}
#seekSlider::-webkit-slider-thumb{
    background:url('Images-music/chibi.png');
    background-size:cover;
}
.slider{
    width:100%;
    height:10px;
    -webkit-appearance:none;
    appearance:none;
    outline:none;
    -webkit-transition:.2s;
    transition:opacity .2s;
    opacity:.7;
    background:#adadad;
    border-style:solid;
    border-color:black;
    border-width:1px;
    border-radius:20px;
}
.slider:hover{
    opacity:1;
    cursor:url('Images-music/yuki.cur'),auto;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance:none;
    appearance:none;
    width:50px;
    height:50px;
}
.volumecontrol{
    justify-self:center;
    width:50%;
    margin:25px;
}
#volumeslider{
    width:100%;
    height:5px;
}
#volumeslider::-webkit-slider-thumb{
    width:25px;
    height:25px;
    background:url('Images-music/robinfe.webp');
    background-size:cover;
}
.controls{
    margin-top:35px;
    justify-self:center;
    display:flex;
    width:80%;
    height:50px;
    justify-content:center;
    gap:50px;
    align-items:center;
}
.control-icon{
    height:60%;
    aspect-ratio:1/1;
}
#playpause{
    height:100%;
}
#loopstatus{
    font-family:'CommerceL';
    font-size:20px;
    color:white;
    margin-left:20px;
}
.movingtext span{
        display:inline-block;
        animation: wave 2s ease-in-out infinite;
    }
    .movingtext span:nth-child(1) {
        animation-delay:0s;
    }
    .movingtext span:nth-child(2) {
        animation-delay:0.2s;
    }
    .movingtext span:nth-child(3) {
        animation-delay:0.4s;
    }
    .movingtext span:nth-child(4) {
        animation-delay:0.6s;
    }
    .movingtext span:nth-child(5) {
        animation-delay:0.8s;
    }
#back-to-website{
    font-family:'CommerceL';
    font-size:20px;
    color:white;
    margin-left:20px;
}