@font-face {
  font-family: 'Sniglet';
  src: url('assets/Sniglet-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  overflow: hidden;
  background: #4B86D6;
}

#game-shell {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  position: relative;
  background: #4B86D6;
}

#game {
  width: min(100vw, calc(100vh * 1.907692308));
  height: min(100vh, calc(100vw * 0.524193548));
  aspect-ratio: 1240 / 650;
  overflow: hidden;
  background: #4B86D6;
}

#game canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}