body {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.87);
  background-color: #000000;
}

#app {
  /* width: 100%; */
  /*     height: 100vh; */
  /*     overflow: hidden; */
  /*     display: flex; */
  /*     justify-content: center; */
  /*     align-items: center; */
}

@font-face {
  font-family: "Barlow";
  src:
    local("Barlow"),
    url(/fonts/Barlow-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "BarlowBlack";
  src:
    local("BarlowBlack"),
    url(/fonts/Barlow-Black.ttf) format("truetype");
}

@font-face {
  font-family: "BarlowBold";
  src:
    local("BarlowBold"),
    url(/fonts/Barlow-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "JetBrainsMono";
  src:
    local("JetBrainsMono"),
    url(/fonts/JetBrainsMono-Regular.ttf) format("truetype");
}

body {
  font-family: "JetBrainsMono", monospace;
}

canvas {
  touch-action: auto !important;
}