html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  border: 0;
  overflow: hidden;
  /*  Disable scrollbars */
  /* No floating content on sides */
  background-color: black;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  display: flex;
  align-items: center;
  justify-content: center;
}
#canvas {
  display: none;
}
#button {
  width: fit-content;
  cursor: pointer;
  border: 2px solid green;
  border-radius: 5px;
  padding: 10px;
  font-size:30px;
  text-align: center;
  color: green;
}
#intro {
  display: none;
  z-index: 100;
  width: fit-content;
  cursor: pointer;
  border: 2px solid green;
  border-radius: 4px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  color: green;
}
#Exit {
  display: none;
  position: fixed;
  bottom: 5px;
  left: 5px;
  width: fit-content;
  cursor: pointer;
  border: 2px solid green;
  border-radius: 4px;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  color: green;
}
#New {
  display: none;
  position: fixed;
    bottom: 45px;
    right: 25px;
  width: fit-content;
  cursor: pointer;
  border: 2px solid green;
  border-radius: 4px;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  color: green;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 691px) {
  	
#button {
  font-size: 60px !important;

}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 690px) {
 	
#button {
  font-size: 25px !important;

}
}