@font-face {
  font-family: 'capella4';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/capella4.18ec4f9da02b.eot"); /* IE9 Compat Modes */
  src: local('capella4'),
       url("../fonts/capella4.18ec4f9da02b.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/capella4.5167b3066f27.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/capella4.739728a9fd2c.woff") format('woff'), /* Modern Browsers */
       url("../fonts/capella4.48ceb9bf2c57.ttf") format('truetype'), /* Safari, Android, iOS */
       url("../fonts/capella4.925ac0e6263e.svg#Heebo") format('svg'); /* Legacy iOS */
}

div.melodyViewer,
div.melodyEditor {
  width: 100%;
  border: solid 1px black;
}

div.melodyViewer text,
div.melodyEditor text {
  user-select: none;
}

div.melodyEditor {
  border: solid 2px black;
}

/* make notes outside of viewer/editor visible */
div.melodyViewer svg,
div.melodyEditor svg {
  overflow: visible;
}