@font-face {
    font-family: wasser;
    src: url(wasser.ttf);
}		     
		     
html {
    background-color: #000;
    text-align: center;
}

h1,h2,h3 {
	font-family: wasser;
    color: #fff;
	text-align: center;
}

h1{
	margin-top: 250px;
	font-size: 50px;
}

#buttons {
	text-align: center;
}

button {
	width: 100px;
}

img {
    visibility: hidden;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

#player{
  position:relative;
  margin:50px auto;
  width:300px;
  text-align:center;
  font-family:Helvetica, Arial;
}
#playpause{
  border:1px solid #eee;
  cursor:pointer;
  padding:12px 0;
  color:#888;
  font-size:12px;
  text-align: center;
}
#playpause:hover{
  border-color: #ccc;
}
#volume{
  border:none; 
  height:2px;
}
#volume{
  background:hsla(180,75%,50%,1);
}

.ui-slider-handle{
  border-radius:100%;
  top: -5px !important;
  width: 11px !important;
  height: 11px !important;
  margin-left:-5px !important;
}