body{

background:#090909;
color:white;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:90px;

}

.logo{

width:220px;

}

.live-badge{

background:#ff3b3b;
padding:8px 18px;
border-radius:30px;
font-weight:bold;

}

.card-player{

margin-top:35px;

background:#181818;

padding:25px;

border-radius:25px;

box-shadow:0 0 25px rgba(21,212,221,.15);

}

.card-player h5{

color:#15d4dd;

}

#song{

margin:20px 0;

font-size:20px;

}

.btn-player{

width:100%;

background:#15d4dd;

border:none;

padding:18px;

font-size:20px;

font-weight:bold;

border-radius:50px;

transition:.3s;

}

.btn-player:hover{

transform:scale(1.02);

}

.bottom-nav{

position:fixed;

bottom:0;

left:0;

width:100%;

height:75px;

background:#101010;

display:flex;

justify-content:space-around;

align-items:center;

border-top:1px solid #222;

}

.bottom-nav a{

display:flex;

flex-direction:column;

align-items:center;

text-decoration:none;

color:#777;

font-size:22px;

}

.bottom-nav span{

font-size:12px;

margin-top:4px;

}

.bottom-nav .active{

color:#15d4dd;

}