* {
    margin: 0;
    padding: 0;
}

body, html {
    overflow: hidden;
    background : #1f1f1f;
    color : #fefefe;
}



#SongsPlayer {
    float : left;
    margin : 20px 20px 20px 20px;
    width : 400px;
    height : 400px;
    border : 1px solid #dedede;
}



#SongsAndPlaylists {
    float : right;
    margin : 20px;
    width : 600px;
    height : 400px;
    border : 1px solid #dedede;
}

#playlists {

    float : left;
    width : 150px;
    height : 400px;
    border : 0px solid #dedede;
    background : #1f1f1f;
}

.playlists-select {
    background : #1f1f1f;
    padding : 5px;

}

.playlists-select:hover {
    background : #4f4f4f;
    cursor : pointer;

}

.playlists-active{
    background : #4f4f4f;
    cursor : pointer;

}



#songs {

    float : right;
    width : 440px;
    height : 400px;
    border : 0px solid #dedede;
    background : #1f1f1f;
    overflow-y: scroll;
    scroll-behavior: auto;
}

.songElement {

}

.songElement a{
    color : #fff;
    text-decoration : none;
}



.songElementToHidde {
    display : none;
}