* { 
  background-color: #e6ffe6;
	padding: 0; 
	margin: 0;
}

canvas { 
	background: #eee; 
	display: block; 
	margin: 0 auto; 
	border: 2px solid green;
	box-shadow: 10px 10px 5px grey;
}

h1 {
	text-align: center;
}

.hide-me {
  visibility: hidden;
  opacity: 0;
  transform: scale(.75);
}

#btn{
  background-color: white;
  color: black;
  padding: 10px 15px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  margin-left: 10px;
  transition: opacity .4s ease-out, transform .4s ease-out, visibility .4s ease-out;
  position: relative;
  top: -10px;
}

#help {
  text-align: center;
}

#allScores {
  position: absolute;
  top: 30px;
  border: 1px solid black;
  padding: 5px 30px 5px 30px;
}

#everyScore {
  position: absolute;
  top: 5px;
}

#showHS {
  position: absolute;
  right: 0px;
  top: 0px;
}

#showHSBtn {
  position: absolute;
  top: 30px;
}

.btnShowPos {
  text-align: center;
  padding: 2px 15px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0px 0px 5px 10px;
}