@font-face {
  font-family: 'Hall Fetica';
  src: url('/resources/fonts/hall-fetica/Hall Fetica.ttf');
}

@font-face {
  font-family: 'Hall Fetica';
  src: url('/resources/fonts/hall-fetica/Hall Fetica Italic.ttf');
  font-style: italic;
}

@font-face {
  font-family: 'Hall Fetica';
  src: url('/resources/fonts/hall-fetica/Hall Fetica Wide.ttf');
  font-stretch: expanded;
}

body {
  color: white;
  background-color: black;
}

canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  box-sizing: content-box !important;
  image-rendering: pixelated;
}
canvas.borderHidden {
  border: 0 solid #333;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 920px;
  margin: auto;
}

.title {
  font-family:
    Hall Fetica,
    serif;
  font-stretch: expanded;
}

.content {
  font-family:
    Hall Fetica,
    serif;
  font-size: larger;
}