html, body {
  margin:0px;
  padding:0px;
  height: 100%;
  width:100%;
  background-color: black;
  color: white;
  font-size: 2.5vmin;
  position: absolute;
  top:0;
  left: 0;
  z-index: -11;

}
#mainMenu {
  width: 100%;
  z-index: 100;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: black;
}
#title {
  height:20%;
  width:100%;
  text-align: center;
  top: 0;
  font-size: 2.5em;
  padding-top:0.5em;
}
#mainMenu button {
  width:80%;
  margin-left:10%;
  height:40px;
  margin-top:5%;
  font-size:2em;
  padding-left:0.2em;
  padding-right:0.2em;
  transition: all 1s ease-out;
}
#mainMenu button:hover {
  background: rgba(0,0,0,0.5);
  color:white;
}
.upgrade {
  width:80%;
  margin-top:5px;
  color:white;
  border-radius: 0.5em;
  padding-top:0.2em;
  padding-left:0.2em;
  padding-right:0.2em;
  background-color: rgba(155,155,155,0.4);
  text-align: center;
}
.upgrade:hover {
  background-color: rgba(155,155,155,0.5); 
}
#upgrades {
  position: absolute;
  right: 0;
  width:50%;
  height:75%;
  top:25%;
  z-index: 10;
}
.dialog {
  display: none;

  z-index: 1000;
  position: absolute;
  width: 80%;
  top:20%;
  left:10%;
  text-align: center;
  font-size: 1.5em;
  background-color:grey;
}
.dialog button {
  z-index: 10005;
}
canvas {
	position: absolute;
	top:0;
	left: 0;
	cursor:none;
}
#money {
  border-radius:1em;
  
  position: absolute;
  z-index: -10;
  width:10%;
  left:80%;
  top:15%;
  padding:0.2em;
  text-align: center;
  background-color: rgba(255,255,0,0.5);
  box-shadow:0em 0em 0.5em 0.5em rgba(255,255,0,0.5);
}
#score {
  border-radius:1em;
  
  position: absolute;
  z-index: -10;
  width:10%;
  left:65%;
  top:15%;
  padding:0.2em;
  text-align: center;
  background-color: rgba(255,255,0,0.5);
  box-shadow:0em 0em 0.5em 0.5em rgba(255,255,0,0.5);
}



.pauseButton img, .muteButton img{
  width:5px;
  height:5px;
}