h1,h2,h3,h4 {
  font-family: "Futura", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}
.topbar {
  background-color: #8eb7e9;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 23px;
  padding-right: 23px;
  text-align: center;
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: 2px solid #060047;
}
.input {
  float: left;
}
.refresh {
  float: right;
}
.soundbutton {
  background-color: #ffffff;
  border: 3px solid rgb(0, 0, 0);
  border-radius: 5px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 20px 15px;
  margin: 17px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.active {
  background-color: #528d52;
}