* {
  box-sizing: border-box;
}

@font-face {
  font-family: "VCR";
  src: url("../assets/fonts/VCR_OSD_MONO.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  background: black;
  color: white;
  font-family: "VCR", monospace;
}

body {
  cursor: url("../assets/ui/custom_cursor.png"), auto;
}

*,
*::before,
*::after {
  cursor: url("../assets/ui/custom_cursor.png"), auto !important;
}

:root {
  --game-width: 1920;
  --game-height: 1080;
  --game-scale: 1;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  position: absolute;
  width: calc(var(--game-width) * 1px);
  height: calc(var(--game-height) * 1px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--game-scale));
  transform-origin: center center;
  background: black;
}