@font-face {
    font-family: 'Mezenets Unicode';
    src: url('https://sci.ponomar.net/fonts/MezenetsUnicode.eot');
    src: url('https://sci.ponomar.net/fonts/MezenetsUnicode.eot?#iefix') format('embedded-opentype'),
	url('https://sci.ponomar.net/fonts/MezenetsUnicode.woff2') format('woff2'),
	url('https://sci.ponomar.net/fonts/MezenetsUnicode.woff') format('woff'),
	url('https://sci.ponomar.net/fonts/MezenetsUnicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Shaidur Unicode';
    src: url('https://sci.ponomar.net/fonts/ShaidurUnicode.eot');
    src: url('https://sci.ponomar.net/fonts/ShaidurUnicode.eot?#iefix') format('embedded-opentype'),
	url('https://sci.ponomar.net/fonts/ShaidurUnicode.woff2') format('woff2'),
	url('https://sci.ponomar.net/fonts/ShaidurUnicode.woff') format('woff'),
	url('https://sci.ponomar.net/fonts/ShaidurUnicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fedorovsk Unicode';
    src: url('https://sci.ponomar.net/fonts/FedorovskUnicode.eot');
    src: url('https://sci.ponomar.net/fonts/FedorovskUnicode.eot?#iefix') format('embedded-opentype'),
	url('https://sci.ponomar.net/fonts/FedorovskUnicode.woff2') format('woff2'),
	url('https://sci.ponomar.net/fonts/FedorovskUnicode.woff') format('woff'),
	url('https://sci.ponomar.net/fonts/FedorovskUnicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sample {
  margin: 1em 5vw 1em 5vw;
  padding: 0.5em;
  border: 1pt solid lightgrey;
  text-align: center;
}

.text {
  font-family: 'Fedorovsk Unicode';
  text-align: center;
  font-size: 23px;
}

.textbox {
	font-family: 'Fedorovsk Unicode';
	text-align: left;
	font-size: 23px;
}

.znamfund {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align: left;
}

.neume {
	font-family: 'Mezenets Unicode';
	text-align: center;
	font-size: 32px;
	vertical-align: bottom;
}

.neumebox {
	font-family: 'Mezenets Unicode';
	text-align: left;
	font-size: 32px;
}

#latexbox {
	font-family: 'Mezenets Unicode';
	text-align: left;
	font-size: 24px;
	width: 400px;
	display: none;
}

.pickerTbl {
	border: 2px solid #cccccc;
	display: inline-block;
	vertical-align: top;
}

.msgCls {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align: left;
	margin-left: 10px;
	color: #0000FF;
}

.pickerHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	color: #CC0000;
	background-color: #cccccc;
}

.pickerChar {
	font-family: Mezenets Unicode;
	font-size: 28px;
	text-align: center;
	cursor: pointer;
	background-color: #ffffff;
}

.pickerChar:hover {
	background-color: #F5A505;
}

rt {
  font-family: 'Mezenets Unicode';
  font-size: 20px;
  color: #CC0502;
  margin-bottom: -100%;
}