html {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
}


  


body {
  margin: 0; /* removes margins */
  font-family: sans-serif; /* changes font */
  background-color: white; /* color of background */
  height: 100vh; /* body occupies total height of the screen (otherwise it just takes what the text covers) */
  display: flex; /* all items will fit in a flexy way */
  flex-direction: column; /* the order is left-to-right first, top-to-bottom second */
}

h1 {
  color: black;
  font-family: monospace;
  text-align: left;
  font-size: 3em;
  margin: 20px 0;
}
h2 {
   color: black;
  font-family: monospace;
  text-align: right;
  font-size: 3em;
  margin: 20px 0;
}
/*how to set style for a div*/