body {
  overflow: hidden;
}

#graph {
  position: absolute;
  bottom: 25px;
  height: 15px;
  width: 100px;
  border: 1px solid #ddd;
}
#graphValue {
  height: 15px;
  width: 0;
  background-color: #0d0;
  transition-property: width;
  transition-duration: 1s;
}

#blockly {
  position: fixed;
}

/* Buttons */
button {
	margin: 5px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: large;
	background-color: #eee;
	color: #000;
}
button.primary {
	border: 1px solid #dd4b39;
	background-color: #dd4b39;
	color: #fff;
	margin-left: 15px;
	margin-right: 15px;
}
button.secondary {
	border: 1px solid #4d90fe;
	background-color: #4d90fe;
	color: #fff;
}
button.version {
	border: 1px solid #f4902a;
	background-color: #f4902a;
	color: #fff;
}
button.basic{
    height: 30px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #995ba6;
	background-color: #995ba6;
	color: #fff;
}
button.loops{
    height: 30px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #5ba65b;
	background-color: #5ba65b;
	color: #fff;
}
button.conditional{
    height: 30px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #5b80a6;
	background-color: #5b80a6;
	color: #fff;
}
button.home{
    height: 30px;
	margin: 0px;
	margin-right: -5px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #dd4b39;
	background-color: #dd4b39;
	color: #fff;
}
button.learning{
    height: 30px;
	margin: 0px;
	margin-right: -10px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #995ba6;
	background-color: #fff;
	color: #000;
}