html, body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
 overflow: hidden;
}

dialog { 
  text-align: center; 
}

canvas.fullscreen { 
  width: 100vw; 
  height: 100vh; 
}

#vui {
  display: none;
}

#vui #lives-div {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 10px;
  padding: 3px;
}

#vui #lives-div input {
  background: none;
  border: none;
  color: black;
  font-size: 3em;
  font-weight: 600;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  vertical-align: middle;
  height: 40px;
  width: 70px;
  padding: 0;
}

#vui #lives-div svg {
  width: 50px;
  vertical-align: middle;
}

#vui #coins-div {
  position: absolute;
  top: 10px;
  left: 150px;
  border-radius: 10px;
  padding: 3px;
  height: 100px;
}

#vui #coins-div input {
  background: none;
  border: none;
  color: black;
  font-size: 3em;
  font-weight: 600;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  vertical-align: middle;
  height: 40px;
  width: 70px;
  padding: 0;
}

#vui #coins-div svg {
  width: 50px;
  vertical-align: middle;
}

#vui #coins-div span {
  position: relative;
  color: black;
  font-size: 3em;
  font-weight: 600;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  vertical-align: middle;
  left: -20px;
}

#dead, #win {
  display: none;
  width: 100%;
  text-align: center;
  margin-top: 300px;
}

#win h1 {
  font-size: 5em;
  color: rgb(211, 211, 17);
}

#dead h1 {
  font-size: 5em;
  color: red;
}

#dead p, #win p {
  font-size: 2em;
  color: black;
}