* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body,html{
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-size: 0.95em;
	text-align: center;
	background-color: lightslategray;
}
#chart{
	margin-top: 10vh;
	background-color: #F5F2EB;
	border: 1px solid #CCC;
	border-radius: 25px;
	margin-left: auto;
	margin-right: auto;
}
.bar{
	fill: purple;
	shape-rendering: crispEdges;
}
.bar-label{
	fill: #000;
	text-anchor: middle;
	font-size: 18px;
}
.axis path,
.axis line{
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}
.gridline path,
.gridline line{
	fill: none;
	stroke: #ccc;
	shape-rendering: crispEdges;
}

.y {
	font-family: "Arial", sans-serif;
	fill: #000;
	font-size: 0.9em;
}

.x {
	fill: #000;
	font-family:"Arial", sans-serif;
	font-size: 0.9em;
}

button {

	background-color: #FF7F0E;
	border-radius: 35px;
	border-style: none;
	width: 150px;
	height: 35px;

}

button:focus {
	outline: none;
}

button:hover {

	box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75);
	transform: scale(0.90, 0.90);

  }