body {
  margin: 0;
}


body:before {
  content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff !important;
/* background-color: #16943b !important; */
/* background-color: #2fafe6 !important; */
/* background-color: #32338f !important; */
/* background-color: #162645 !important; */
/* background-color: #3e3a39 !important; */
opacity: 0.6;
z-index: 1;
}



canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.disable-selection {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}


.dg {
  z-index: 9999 !important;
  display: none;
}