.txt, form > div {
  display: block;
  margin: 0 auto;

  font-size: 16px;
  padding: 5px;
}

.txt {
  width: 80%;
}



form > div {
  width: 81%;
}

.txt, form > div {
  margin-bottom: 10px;
  overflow: auto;
}

.clearfix {
  clear: both;
}

label {
  float: left;
  width: 10%;
  line-height: 1.5;
  font-family: var(--paragraph-font);
}



.rate-value, .pitch-value {
  float: right;
  width: 14%;
  line-height: 1.5;
  font-family: var(--paragraph-font);
}

#rate, #pitch {
  float: right;
  /* width: 81%; */
}

.control-point {
  margin-bottom: 10px;
}
.controls {
  text-align: center;

}

.controls button {
  cursor: pointer;
  font-size:30px;
  background-color: white;
  padding-block: 1px;
  padding-inline: 6px;
  border-width: 0px;
  border-style: none;
  border-color: white;
  transition: background-color 0.6s ease;
}

.controls button:hover {
  background-color: #acf5ff95;
}

/* Toggle (Hide/Show) an Element */

#myDIV {
  display:none;
  width: 50%;
  text-align: center;
  background-color: rgba(173, 216, 230, 0);
  margin-top: 20px;
  padding: 15px;
}