body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin: 0;

  background: linear-gradient(
          to bottom,
          #2c3e50 0%,     /* COLOR1 at the top */
          #1d3566 20%,    /* COLOR2 in the middle */
          #1d3566 800%,    /* COLOR2 in the middle */
          #2c3e50 100%    /* COLOR1 again at the bottom */
  );
}
canvas {
  display: block;
  margin: 0 auto;
}

@font-face {
    font-family: 'BareMarker';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/BareMarker-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'LilitaOne';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/LilitaOne.ttf')        format('truetype');
}
@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/Gilroy-HeavyItalic.ttf')        format('truetype');
}