@font-face {
  font-family: fira;
  src: url(assets/FiraCode-Regular.ttf);
}

body {
  margin: 50px;
}
@media screen and (max-width: 600px) {
  body {
    margin: 50px 30px;
  }
}
* {
  font-family: fira, monospace;
  color: black;
  font-size: 10pt;
}
h1 {
  font-size: 20pt;
}
canvas {
  position: fixed;
  /* max-width: 100vw; */
  width: 400px;
  height: 400px;
  margin: 50vh 0 0 50vw;
  left: -200px;
  top: -200px;
}
/* @media screen and (max-width: 400px) {
  canvas {
    width: 100vw;
    height: auto;
    margin-left: 0;
    left: 0;
  }
} */