body, .search
{
  font-size: 24px;
}

.search
{
  margin-top: 5px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

.toolButton
{
  margin-left:10px;
  font-family: Material Icons;
  font-size: 48px;
  padding: 0;
  border: none;
  background: none;
  outline:  none;
}

.track
{
  font-family: Material Icons;
  font-size: 24px;
  width:26px;
}

.tab
{
  position:absolute;
  bottom:0px;
  top:120px;
  width: 20%;
}

.tabButton
{
  display: block;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 24px;
}

.tbl
{
  display: table;
  width: 100%;
}

.tblRow
{
  display: table-row;
}


.tblCell, .tblHead
{
  xborder-bottom: 1px solid #d0d0d0;
  display: table-cell;
  padding: 3px 10px;
  vertical-align:middle;
}

.tblBody
{
  display: table-row-group;
}

a
{
  text-decoration:none;
  cursor: pointer;
}

.header
{
  height:100px;
  position:absolute;
  top:0;
}

.contentPage
{
  display:none;
  position:absolute;
  bottom:0px;
  top:120px;
  left:21%;
  overflow-y: auto;
  width:78%
}

.artists,.albums
{
  width:100%;
  display:flex;
  flex-flow:row wrap
}

.artist
{
  float:left;
  width:200px;
  height:250px;
  text-align: center;
}

.artistThumb
{
  border-radius: 30%;
  margin-top: 5px;
}

.album
{
  float:left;
  width:200px;
  height:350px;
  text-align: center;
}

.albumThumb
{
  border-radius: 5%;
  width:180px;
  height:180px
}

.cover
{
  height:100px;
  width:100px
}