body {

  background-color: #CCCCCC;

  color: #000000;

  text-align: center;

  }



div#topSpacer {

  min-height: 40%;

}



div.content {

text-align: center;

}

#aPLayer {

	display: block;

	clear: both;

	

}

a {

color: #0000CC;

}

ul#list {

	display: inline-block;



	margin-left: 0;

	padding: 0;

	margin-right: 0;

}

li.track {

	

	border: thin groove black;

	list-style-type: none;

	font-size: larger;

	padding: 1em 5em;

	background-color: #999999;

	color: blue;

	text-decoration-line: underline;
	cursor: pointer;

}

li.track:hover {
	border-color: white;
	background-color: #bbbbbb;
}

li.playing {

	font-weight: bolder; 

	background-color: white;

	color: black;

	text-decoration-line: none;

}

.sticky {

	margin: 0 auto;

    position: fixed;

    top: 0vh;

	left: 50%;

	transform: translateX(-50%);

	padding: 0;



}

@media only screen and (max-width: 370px) {

	li.track {

		padding: 1em 3em;

	}

	img#pants {

		display: none;

		

	}

}

/*------Text Styles-------------*/