body {
	background-color: black;
}

h1{
	color: white;
	font-family: 'Special Elite', cursive;
	margin-left: 10%;
	font-weight: lighter;
}

/*.title {
	color: white;
	margin-left: 30%;
	font-family: 'Special Elite', cursive;
	position: absolute;
	top: 6px;
}*/

audio {
	background-color: grey;
}

div {
	position: absolute;
	margin-left: 10%;
	font-family: 'Raleway', sans-serif;


}

.play {
	background:none;
    border:none;
	width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid white;
    border-bottom: 8px solid transparent;
    color: white;
}

#pf {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: black;
	color: white;

}

#ce {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: black;
	color: white;
	font-size: 7.5px;

}

#both {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: black;
	color: white;

}

#hi {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: black;
	color: white;
	font-size: 10px;


}

#more {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: black;
	color: white;

}


#audio-div {
	position:absolute;
   	top: 9%;
   	margin-left: 20%
   	

}

#audio-div li{
	margin: 9px;
	list-style-type: none;

}

#audio-div p {
	font-size: 10px;
	margin-bottom: 2px;
	margin-top: 2px;
	color: white;


}




#close {
	background:none;
    border:none;
    margin:0;
    font-size: 17px;
	position: absolute;
	color: white;
	margin-left: 95%;
	font-family: 'Special Elite', cursive;
}