html, body{
  padding: 0;
  margin: 0;
  background: #556;
  font-family: Minecraft;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  overflow: hidden;
}


*{
  box-sizing: border-box;
  position: relative;
}
h1,h2,h3,h4,h5,h6{
  margin: 0;
  padding: 10px 0;
}
.wrapper{
  position: relative;
  display: flex;
}
.game{
  user-select: none;
  position: relative;
}
#screen{
  width: 1024px;
  height: 768px;  
}
.component{
  display: none;
  position: absolute;
  top: 0;
  z-index: 3000;
}

.component canvas{
  width: 1024px !important;
  height: 768px !important;
}

.center{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.disabled{
  opacity: 0.3;
  pointer-events: none;
}
.hide{
  display: none;
}
.show{
  display: block;
}
@font-face {
  font-family: Minecraft;
  src: url(../fonts/Minecraft.ttf); 
}
@font-face {
  font-family: MinecraftTitle;
  src: url(../fonts/MinecraftTitle.ttf); 
}