@font-face {
  font-family: Inconsolata;
  src: url('https://new.mathwork.us/fonts/inconsolata/Inconsolata-VariableFont_wdth,wght.ttf');
}

body { 
  margin: 0;
  font: 14pt Inconsolata;
  color: #000;
}
.sheet-outer {
  margin: 0;
}
.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}
@media screen {
  body { 
    background: #e0e0e0 
  }
 
  .sheet {
    background: white;
    box-shadow: 0 .15in .15in rgba(0,0,0,.3); 
    margin: .25in auto;
  }
}

.sheet-outer.letter .sheet { 
  width: 8.5in; 
  height: 11in; 
}
.sheet-outer.letter .half { 
  width: 8.5in; 
  height: 5.5in; 
}
.sheet.padding-quarter { 
  padding: .25in; 
}

@page {
  /* size: letter; */
  size: half;
  margin: 0;
}
@media print {
  .sheet-outer.letter, .sheet-outer.half { 
    width: 8.5in; 
  }
  .do-not-print {
    /*visibility: hidden;*/ /* rendered but not visible */
    display: none; /* not rendered - does not take up space */
  }
}


header {
  width:8in;
  border-bottom: 3pt solid black;
}
footer {
  position: absolute;
  bottom:0.25in;
  width:8in;
  border-top: 1pt solid black;
}
footer div {
  font: 12pt Inconsolata;
}