@font-face {
  font-family: 'Mechanical';
  src: url('mechanical.otf');
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: 'Mechanical';
  font-size: 14px;
  overflow: hidden;;
  
}

main {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border: 1px solid #ccc;
  background: #333;
  overflow: visible;
  position: absolute;
}

#roller {
  z-index: 100;
  position:absolute;
  bottom: 162px;
}

#paper {
  z-index: 200;
  background: #fcfcfc;
  border: 1px solid black;
  position: absolute; 
  box-shadow: 2px 3px #222;
}

#clip {
  z-index: 300;
  background: #333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 130;
}

#typewriter {
  z-index: 400;
  position:absolute;
  bottom: 0;
}

#bail-bar {
  z-index: 500;
  position: absolute;
  bottom: 162px;
}


#print {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1100px;
  height: 1423px;
}

@media print {
  main {
    visibility: hidden;
  }
  #print {
    visibility: visible;
  }
}