body {
  background-color: #fff;
  font-family:sans-serif;
  /*overflow: hidden;*/

  display: flex;
  justify-content: center;
  align-items: center;  

  --bodymargin : 20px;
  /*
  --wContent: calc(100vw - 2*var(--bodymargin));
  --hContent: calc(100vh - 2*var(--bodymargin));*/

  margin:0;
  padding:0;
  height:100vh;

}



body,html{
-webkit-user-drag: none;
touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;

}



svg,canvas
{
  grid-column: 1/1;
  grid-row: 1/1;
  display: block;
  max-width: 90vw;
  height: auto;
  max-height:90vh;
  width: auto;
  /*order*/
  /*box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);*/
 /* background-color: #fff;
  padding: 24px;*/
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#mycanvas{
  display:none;
}

/*
canvas {
  animation: rotation 60s infinite linear;
}*/