html, body {
  margin: 0;
  padding: 0;
  /* background:linear-gradient(rgb(254, 213, 166), rgba(102, 47, 2, 0.82)); */
  background:
  linear-gradient(217deg,rgb(134, 96, 38), rgba(255,0,0,0) 70.71%),
            linear-gradient(127deg, rgb(102, 47, 2), rgba(0,255,0,0) 70.71%),
            linear-gradient(336deg, rgb(154, 98, 15), rgba(0,0,255,0) 70.71%);
  height:100vh;

}
canvas {
  display: block;
}

p{
  font-size:2em;
  cursor:pointer;
  font-family: 'Libre Baskerville', serif;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Opera and Firefox */
}