/* Base styles */

* { -webkit-tap-highlight-color:rgba(0,0,0,0); }


canvas {
  align-items: center;
  /* border: 2px solid #000000; */
}

footer {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 4em;
  text-align: center;
}

ol {
list-style-type: disc;
}

/* 01 Centering */

header,
main {
  margin: 0 auto;
  max-width: 40em;
}

/* 03 Spacing */

body {
  line-height: 1.5;
}

/* 04 Color and contrast */

body {
  color: #333;
}

h1,
h2,
strong {
  color: #222;
}


code,
pre {
  background: #eee;
}

code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}

pre {
  padding: 1em;
}

/* 06 Primary color */

/* a { color: #e81c4f; } */



span.frac {
  display: inline-block;
  font-size: 80%;
  text-align: center;
}
span.frac > sup {
  display: block;
  border-bottom: 1.3px solid;
  font: inherit;
}
span.frac > span {
  display: none;
}
span.frac > sub {
  display: block;
  font: inherit;
}