/* LT Soul */
@font-face { font-family: 'LTSoul-Regular';  src: url('fonts/LTSoul-Regular.otf')  format('opentype'); font-display: block; }
@font-face { font-family: 'LTSoul-Medium';   src: url('fonts/LTSoul-Medium.otf')   format('opentype'); font-display: block; }
@font-face { font-family: 'LTSoul-SemiBold'; src: url('fonts/LTSoul-SemiBold.otf') format('opentype'); font-display: block; }
@font-face { font-family: 'LTSoul-Bold';     src: url('fonts/LTSoul-Bold.otf')     format('opentype'); font-display: block; }

/* OpenDyslexic */
@font-face { font-family: 'OpenDyslexic-Regular';    src: url('fonts/OpenDyslexic-Regular.otf')    format('opentype'); font-display: block; }
@font-face { font-family: 'OpenDyslexic-Italic';     src: url('fonts/OpenDyslexic-Italic.otf')     format('opentype'); font-display: block; }
@font-face { font-family: 'OpenDyslexic-Bold';       src: url('fonts/OpenDyslexic-Bold.otf')       format('opentype'); font-display: block; }
@font-face { font-family: 'OpenDyslexic-BoldItalic'; src: url('fonts/OpenDyslexic-BoldItalic.otf') format('opentype'); font-display: block; }

/* Nunito (variable fonts) */
@font-face { font-family: 'Nunito';        src: url('fonts/Nunito-VariableFont_wght.ttf')        format('truetype'); font-weight: 100 900; font-style: normal; font-display: block; }
@font-face { font-family: 'Nunito-Italic'; src: url('fonts/Nunito-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: block; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden;  
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to top, #c2d9e7, #1d7bd2);
}

canvas {
  display: block;
}