@font-face {
  font-family: 'RobotTeacher';
  src: url('../../shell/fonts/RobotTeacher-regular.ttf') format('truetype'), url('../../shell/fonts/RobotTeacher-regular.woff') format('woff'), url('../../shell/fonts/RobotTeacher-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arquitectura';
  src: url('../../shell/fonts/Arquitectura_Regular.ttf') format('truetype'), url('../../shell/fonts/Arquitectura_Regular.woff') format('woff'), url('../../shell/fonts/Arquitectura_Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CenturyGothicBold';
  src: url('../../shell/fonts/CenturyGothic-bold.ttf') format('truetype'), url('../../shell/fonts/CenturyGothic-bold.woff') format('woff'), url('../../shell/fonts/CenturyGothic-bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

html, body {
  width:100%;
  height:100%;
}

.ntcm.easel.fiveframe {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
}

.ntcm.easel.fiveframe input {
  position: absolute;
  width: 60px;
  height: 40px;
  display: block;
  font-family: Arquitectura;
  font-size: 36px;
  color: red;
  text-align: right;
  letter-spacing: 5px;
  font-weight: bold;
  border: none;
  box-shadow: -1px -1px 0 0 #000;
  padding-right: 5px;
}

.ntcm.easel.fiveframe input.touch {
  padding: 3px;
}