html,body {
  margin:0;
  padding:0;
  color:white;
  background:black;
  height: 100%;
  width: 100%;
}

canvas{display:block;}

#debugger, pre{
  position:absolute;
  top:10px;
  left:30px;
  z-index: 1;
  font-size:16px;
  font-family: "Courier", "Corier New", monospce;
  line-height:0.75rem;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; */
}
:root{
    --progress:25%;
    --bar_color:#e2e2e2;
    --bg_color:#101010;
}
#progress{
  position:absolute;
  bottom:0px;
  /* left:0; */
  right:calc(50vW - 150px);
  /* right:0; */
  padding:0px;
  z-index: 1;
  font-size:11px;
  font-family: "Courier", "Corier New", monospce;
  width:300px;
  background-color:var(--bg_color);
  height:0.95vH;

}

#progress_txt {
  position:absolute;;
  top:0px;
  right:4px;
  line-height: 22px;
  display:none;
}
#progress > .bar{
  background-color: var(--bar_color);
  width:calc(var(--progress));
  height:100%;

}

.is-hidden{
  display:none;
}