/* fonts */
@font-face {
  font-family: 'CMU Typewriter Text Variable Width';
  src: url('cmunvt.otf'); }

/* layout */
* {
  box-sizing: border-box; }
html {
  width: 100%;
  max-width: 600px; }
body {
  margin: 10px; }

/* typography */
html {
  font: 16px 'CMU Typewriter Text Variable Width', serif;
  color: black;
  hyphens: auto; }
h1, h2, h3 {
  font-size: 1rem;
  font-weight: normal; }
h1 {
  font-weight: bold;
  font-style: italic; }
h1, h2, h3, p {
  margin-top: 10px;
  margin-bottom: 10px;
  white-space: pre-wrap; }

/* links */
a:link, a:hover {
  color: coral; }
a:visited {
  color: chocolate; }
a:focus {
  outline: dashed darkorange; }