.labelfield{ /*CSS for label field in general*/
  color:#cccccc;
  font-size: 90%;
  font-family: Verdana, Geneva, sans-serif;
}

.datefield{ /*CSS for date field in general*/
  color:#cccccc;
  font-family: Verdana, Geneva, sans-serif;
  font-size: .85em;
}

.titlefield{
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 1em;
     color: #656569;
     color:#666;
     font-weight:bold;
}

.songName{
  margin-left: 10px;
  width: 100%;
}

.listenedToAt{
  font-family: Verdana, Geneva, sans-serif;
  font-size: .75em;
}

.recentTracks{
  width:100%;

}

.extraText{
  font-family: Verdana, Geneva, sans-serif;
  font-size: .90em;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
width: 100%;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  margin-left:8px;
  font-size: 13px;
  line-height:16px;
  width: 195px;
  height: 49px;
  float: left;
  resize: vertical;
}

.flex-center p {
  margin: 0;
  padding: 20px;
}

.album-art {
  width: 50px;
  float: left;
  border-radius:2px;
  overflow: hidden;
}

.artist-info {
  color: rgba(0,0,0,0.4);
}

code{ /*CSS for insructions*/
color: red;
}

a:link {color:#656569; text-decoration: none;}      /* unvisited link */
a:visited {color:#656569;}  /* visited link */
a:hover {color:#656569;}  /* mouse over link */
a:active {color:#656569;}  /* selected link */