* {
  margin: 0 auto;
  padding: 0px;
  font-family: Tenor Sans;
  text-align: center;
}

body {
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
  /* border-color: yellow;
    border-width: 3px;
    border-style: solid; */

  /* background: -webkit-linear-gradient(top,  #11e8bb 0%,#8200c9 100%); */
}

div {
  /* position: absolute; */
  /* top: 0; */
  margin: 0 auto;
  /* display: block; */
  /* flex-wrap: wrap; */
  /* justify-content: center; */
  /* flex-direction: column; */
  /* width: 100%;
    height: 100%; */
}

h1 {
  color: rgb(0, 0, 0);
  font-size: 50px;
}

h2 {
  color: white;
  font-size: 100px;
}

h3 {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: normal;
}

a {
  color: red;
  text-decoration: none;
}

#canvas {
  /* display: block; */
  /* width: 600px; */
  margin: auto;
  cursor: grab;
  /* border-color: yellow;
    border-width: 3px;
    border-style: solid; */
}

#canvas:active {
  margin: auto;
  cursor: grabbing;
}