html, body {
  margin:0;
  padding:0;
  display:block;
  width: 100%;
}

body { 
  overscroll-behavior: contain;
  height: 100vh; 
}
body * { box-sizing: border-box; }

.Fullscreen {
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  
  overscroll-behavior-y: contain;
  overflow-y:hidden;
}

#Window {
  position:relative;
  width: 100%;
  height: 100%;
}

canvas {
  position:absolute;
  top:0px;
  left:0px;
  
  width: calc(100%);
  height: calc(100%);
}

#bgLayer { z-index:1 }
#fgLayer { z-index:2 }

#Login {
  position: absolute;
  top: 5vh;
  right: 5vh;
  padding: 24px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 24px;
  z-index: 9999;
}

#Login label {
  display:inline-block;
  width: 30%;
  margin-right: 8px;
}

#Login input {
  display:inline-block;
  width: calc( 70% - 16px );
}

@media( max-width:600px ){
  body { height:95vh }
}