body {
	background-color: black;
	color: mintcream;
	padding:0px;
	margin:0px;
	word-spacing:.06em;
	height:100%;
}

.hidden {
  display:none;
}
#hmcMain {
  /* border:10px solid mediumspringgreen; */
  position: absolute;
  top:0px; right:0px; bottom:0px; left:0px;
}

#hmcComp, #hmcBackground, #hmcForeground, #hmcBuffer {
  /* max-width: 100%;
  max-height: 100%; */
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  overflow: auto;
  position: fixed;
  object-fit: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}

#hmcBackground, #hmcForeground {
  display:none;
}

/* #hmcComp {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  overflow: auto;
  position: fixed;
  object-fit: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
} */

#hmcBuffer {
  opacity: .3;
  z-index: 100;
  display:none;
}

#hmcBufferr {
  display:none;
}