@font-face {
font-family: pixelSans;
src: url(NeuePixelSans.ttf);
}
body {
font-family: pixelSans;
}
.songElement {
justify-content: center;
font-size: 12px;
display: flex;
flex-direction: row;
border-style: outset;
border-width: 3px;
border-color: darkblue;
position: relative;
padding: 5px;
margin: 5px auto 5px auto;
width: 175px;
color: white;
background-color: darkblue;
}


#songListElement {
order: 3;
border-style: outset;
border-width: 3px;
border-color: darkblue;
display: flex;
flex-direction: column;
align-items: center;
background-color: rgba(50, 50, 175, 1);
width: 200px;
height: 300px;
}

.titleElement {
background-color: darkblue;
width: 200px;
text-align: center;
}

.link {
font-size: 15px;
text-align: start;
display: block;
width: 125px;
height: 15px;
border-width: 2px;
border-color: white;
position: relative; 
color: orange;
bottom: 0;
}

.leftElements {
width: 140px;
display: flex;
flex-direction: column;
left: 0;
order: 1;

}
.songTitle {
width: 140px;
position: relative;
}
.playButton {
cursor: pointer;
align-items: center;
align-content: center;
text-align: center;
justify-content: center;
order: 2;
background-color: #006EBC;
width: 35px;
position: relative;
height: 35px;
right: 0;
}
.active {
border: 3px solid orange;
}