input[type=range] {
    -webkit-appearance: none;
    background-color: #BF7C30;
    width: 80%;
    height:20px;
}
header{
background-color: #BF7C30;
padding-top:0.1%;
padding-bottom:0.1%;
opacity:0.8;
}
input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    background-color: #A65800;
    opacity: 0.5;
    width: 10px;
    height: 26px;
}
input[type="range"]::-ms-thumb {
	color:#A65800;
}
input[type="button"]{
	background:#FFBD73;
	padding:10px 25px;
	cursor:pointer;
	border:none;
	font-weight:bold;
	font-size:1.1em;
	
	
}
input[type="button"]:hover {
    background: #BF7C30;
}
h1,h2{
	text-align:center;
}
body{
	margin:0;
	padding:0;
}
html{
	background-color:#FFF8EA;
	
	background-image:url('background.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:right; 
}
p,h1,h2,li{
	color:black;
	font-family:sans-serif;
	padding-left:15px;
	padding-right:15px;

	}
p{

}
form{
	background:#FFBD73;
	padding-left:20px;
}
div{
	max-width:80%;	background:#FFBD73;
	border-radius:2px;
	border-color:#FFBD73;
	border-style:solid;
	margin-top:10px;
	margin-left:10%;
	margin-right:10%;
}
p.senter{
	text-align:center;
}