@font-face { font-family: Custom; src: url('HTMLfont.ttf'); } 
#canvas{
  background-color: rgba(102, 168, 74, 1);
  height: min(45vw, 95vh);
  width: calc(min(45vw, 95vh)*2);
  position: absolute;
  left: calc(calc(100vw - min(45vw, 95vh)*2)/2);
  top: calc(calc(100vh - min(45vw, 95vh))/2);
}
#home{
  background-color: rgba(102, 168, 74, 1);
  height: min(45vw, 95vh);
  width: calc(min(45vw, 95vh)*2);
  position: absolute;
  left: calc(calc(100vw - min(45vw, 95vh)*2)/2);
  top: calc(calc(100vh - min(45vw, 95vh))/2);
}
#shop{
  background-color: rgba(47, 178, 204, 0.8);
  position: absolute;
  left: calc(calc(100vw - min(45vw, 95vh)*1.5)/2);
  top: calc(calc(100vh - min(45vw, 95vh) * 0.75)/2);
  width: calc(min(45vw, 95vh)*1.5);
  height: calc(min(45vw, 95vh) * 0.75);
  display: none;
}
html{
  overflow: hidden;
  background-color: rgba(123, 196, 136, 1);
}