.montserrat {
  font-family: Montserrat, sans-serif;
}
.oswald {
  font-family: Oswald, sans-serif;
}
.bg-yellow {
  background-color: #ffff00;
}
.bg-top-yellow {
  background-image: linear-gradient(0deg, #ffffff 50%, #ffff00 50%);
}
.bg-brown {
  background-color: #22231e;
}
.underlined {
  position: relative;
}
.underlined:after {
  position: absolute;
  border-radius: 0.25rem;
  background-color: #ffff00;
  left: 0;
  width: 100%;
  bottom: -0.25rem;
  content: "";
  height: 3px;
  transform: rotate(-2deg);
}
.video:hover > button {
  opacity: 100%;
}
#button {
  background-image: url("../images/volume-off.svg");
}
#button.mute {
  background-image: url("../images/volume-up.svg");
}