body {
	overflow: hidden;
	user-select: none;
  padding: 0;
  font-family: 'Press Start 2P', cursive;
  color: #fff;
  margin: 0;
  background-color: #220033;
}
#health-bar{
  background-color: #b764ff;
  z-index: 100;
  width: 100%;
  height: 10%;
  padding-top: 3%;
  font-size: 100%;
  position: absolute;
  top: 90%;
  text-align: center;
}
div{
  padding: 1%;
}
canvas {
	width: 100%; 
	height: 100%;
	padding: 0;
  position: absolute;
}
#score{
  background-color: #b764ff;
  z-index: 100;
  margin: auto;
  width: 15%;
  position: absolute;
  text-align: center;
  border-radius: 5px;
  font-size: 100%;
  top: 80%;
}
#hscore{
  top: 80%;
  background-color: #b764ff;
  z-index: 100;
  margin: auto;
  width: 15%;
  position: absolute;
  left: 83%;
  font-size: 100%;
  text-align: center;
  border-radius: 5px;
}
#p{
  background-color: #b764ff;
  z-index: 101;
  margin: auto;
  width: 10%;
  position: absolute;
  left: 45%;
  color: #fff;
  font-family: 'Press Start 2P', cursive;
  font-size: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 1%;
  border-color: #fff;
  border-width: 2px;
}
#menu{
  z-index: 101;
  position: absolute;
  width: 40%;
  /* margin: auto; */
  left:30%;
  text-align: center;
  visibility: visible;
  background-color: #220033;
}
#title{
  margin-bottom: 10%;
  font-size:200%;
}
#text{
  line-height: 110%
}
#customize{
  /* z-index: 101; */
}
#loading{
  visibility: visible;
  position: absolute;
  z-index: 100000;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #000;
  margin: auto;
}
#attributes{
  z-index: 110;
  position: absolute;
}
a{
  color: white;
}
h2{
  padding: 1%;
  margin: auto;
  text-align: center;
}
#attrhtml{
  overflow: visible !important;
}