body {
  background-color: mintcream;
  padding:0;
  margin:0;

  /* leave it to hide the scrollbars */
  overflow: hidden;
  /* background-image: url(/assets/grass-01-sm.png); */
  background-repeat: repeat;
  background-size: 81px 81px;
}

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

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

#hmcForeground, #hmcCompppp {
  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 {
  display:none;
}