body {
  font-family: "Poiret One", sans-serif;
  font-weight: 600;
  font-style: normal;
  background-color: #eef;
  color: #006;
  background: #2A7B9B;
  background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(190, 210, 255, 1) 100%);
}

h1 {
	text-align: center;
}

input {
	width: 100%;
}

input[type="range"]{
  -webkit-appearance:none;
  width:100%;
  height:2px;
  background: #000;
  outline: none;
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:0.75cm;
  height:1cm;
  background:#000;
  position:relative;
  z-index:3;
  box-shadow:0 0 5px 0 rgba(0,0,0,0.75);
}