.title {
  text-align: center;
}


.metronome-parameters {
  text-align: center;
}

#metronome-counter {
  height: 50px;
  width: 50px;
  font-size: 50px;
  text-align: center;
  border: 1px solid black ;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

#metronome-visual {
  position: relative;
  margin-top: 10px;
  height: 400px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  border: 1px solid black;
}

#metronome-stick {
  position: relative;
  margin-top: 50px;
  height: 300px;
  width: 5px;
  background-color: pink;
  margin-right: auto;
  margin-left: auto;
  transform: rotate(20deg);
  transform-origin: 50% 100%;
}
.title {
  text-align: center;
}


.metronome-parameters {
  text-align: center;
}

#metronome-counter {
  height: 50px;
  width: 50px;
  font-size: 50px;
  text-align: center;
  border: 1px solid black ;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

#metronome-visual {
  position: relative;
  margin-top: 10px;
  height: 400px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  border: 1px solid black;
}

#metronome-stick {
  position: relative;
  margin-top: 50px;
  height: 300px;
  width: 5px;
  background-color: pink;
  margin-right: auto;
  margin-left: auto;
  transform: rotate(20deg);
  transform-origin: 50% 100%;
}

.metronome-parameters input[type=text] {
  font-size: 1em;
}
Change input field font size
Change input field font size
