body{
	text-align:center;
	background-color:black;
	color:white;
	font-family:fantasy;
}
input:hover{
	cursor:pointer;
}
.volume{
	float:right;
}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10:hover{
	cursor:pointer;
}
#mode{
	float:left;
}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-shadow:0px 0px 0px rgb(0,0,0);
}

.dropdown {
  position: relative;
  display: inline-block;
  float:left;
}
.dropdown:hover{
	cursor:pointer;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-shadow:0px 0px 0px rgb(0,0,0);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-shadow:0px 0px 0px rgb(0,0,0);
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

#manner{
	overflow-y:auto;
	overflow-x:auto;
	width:45%;
	height:50%;
	background-color:rgb(100,100,100);
	position:absolute;
	top:200px;
	left:30%;
}
#playpause{
	position:absolute;
	left:50%;
}

body{
	background-size:100%;
	background-image:url("Phone.jpg");
	text-shadow: 2px 2px 2px rgb(0,0,0);
}
#download{
	position:absolute;
	left:0%;
	bottom:0%;
	color:black;
	background-color:white;
	font-family:Comic Sans MS;
}