styles.css

.cont
{
   border: 0px solid black;
   width: 100%;
   margin-top: 0px;
}



.mid_cont
{
    border: 0px solid black;
    width: 14%;
    height: 120px;
    display: flex;
    margin: auto;
    justify-content: space-around;
}

.sound
{
    border: 1px solid gray;
    border-radius: 20px;
    width: 60px;
    height: 30px;
    margin: auto;
    cursor: pointer;
    justify-content: space-around;
}

#vol
{
    margin: auto;
    margin-left: 100px;
}
.play
{
    border: 1px solid gray;
    border-radius: 40px;
    width: 80px;
    height: 50px;
    margin: auto;
    cursor: pointer;
}


.btm_cont
{
    border: 0px solid black;
    width: 92%;
    height: 270px;
    padding: 50px;
    display: flex;
    flex-direction: row;
}

.btm_right
{
    border: 1px solid lightgray;
    width: 100%;
    height: 100px;
    padding-right: 10px;
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSNEqeywFME-49WLPQ5qGnbAfFve_RB-nPbJicSaeNWw38X7K1rr3Ktj6TmT_k9oINI6BA&usqp=CAU");
}

.btm_right>input
{
    border: 1px solid black;
    width: 100%;
}


li
{
    list-style: none;
    font-family: sans-serif;
    margin-bottom: 8px;
}

.list_tag
{
    min-width: 200px;
    display: inline-block;
}