@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

html,
body,
#content {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  overflow: hidden !important;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}

#content {
  position: relative;
  display: block;
}

canvas {
  display: block;
}