html, body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

canvas {
  display: flex;
  justify-self: center;
  position: fixed;
  display: "block"
}

#UI {
  transform-origin: top left;
}

#UIToolBar {
  transform-origin: top left;
  height: 50px;
  width: 100%;
  max-height: 25%
}

.ScrollFrame1 {
  position: fixed;
  top: 73%;
  left: 10%;
  background: white;
  overflow: auto;
  border-style: solid;
  border-color: black;
  border-width: 3px;
  width: 80%;
  height: 27%;
}

.HTMLSettingsError {
  display:none;
  color: red;
  font-size: 12px;
}

#BackToSiteButton {
  position:fixed;
  top: 0px;
  left: 0px;
  width: 5vw;
  height:5vw;
  background-color: blueviolet;
  color:white;
}

#FrameRateText {
  position:absolute;
  top:0px;
  left:90vw;
}

#licensingtext {

  position:fixed;
  color:blue;
  font-size: 7px;
  left:1vw;
  top:97vh;

}

#licensingtext:hover {
  position:fixed;
  color:blue;
  font-size: 9.5px;
  left:0.5vw;
  top:97vh;
  transition: 0.35s;
}