html,
body {
  margin: 0;
  padding: 0;
  touch-action: none;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

canvas {
  display: block;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.hidden {
  display: none
}

@font-face {
  font-family: earlyMan;
  src: url(assets/fonts/EarlyMan.ttf);
}


button {
  font-size: 40pt;
  font-family: earlyMan, Helvetica;
  text-transform: uppercase;
  background: #7A6CC0;
  border: none;
  color: #ffffffdd;
  padding: 10px 25px;
  cursor: pointer;
}

.pause,
.mute {
  font-size: 20pt;
  padding: 0px 10px;
}