html,
body {
  margin: 0;
  padding: 0;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}

canvas {
 
  border: solid grey;
  border-radius: 3vw;
  
}

.input {
  width: 20vw;
  height: 1vw;
  font-size: 5vw;
  margin: 1vw;
  background-color: black;
  color: white;
  border:solid rgb(100,100,100);
  border-radius: 2vw;
  padding: 2vw;
  
  margin-top: 0vw;
  user-select:none ;
}

label {
  color: white;
  user-select:none ;
}

.labeled {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  font-size:4vw;
  border: solid grey;
  border-radius: 3vw;
  margin: 2vw;
  

}

#counterHolder {
  display: flex;
  flex-direction: row;
  
}