html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "PT Sans", Calibri, Tahoma, sans-serif;
  background-color: black;

  /* cursor:none; */

  overscroll-behavior: none;
}

canvas {
  display: block;
}




/* loading banner */
.loadingclass {
  background-color: black;
  color: white;
  text-align: center;
  font-size: x-large;
  padding: 25px;
  position: absolute;
  width:500px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Loading animations */
progress {
  border-radius: 7px;
  width: 100%;
  height: 20px;
  /* margin-left: -11.5%; */
  
}

progress::-webkit-progress-bar {
  background-color: white;
  border-radius: 50px;
  box-shadow: inset 25px 25px 25px -25px rgba(0,0,0,0.85);
  border: darkslategrey solid 2px
}

progress::-webkit-progress-value {
  background-color: lime;
  border-radius: 50px;
}