@import url('https://fonts.googleapis.com/css?family=OpenDyslexic');

@font-face {
  font-family: 'Circographe';
  src: url("../fonts/Circographe-Regular.woff2") format('woff2'),
       url("../fonts/Circographe-Regular.woff") format('woff'),
       url("../fonts/Circographe-Regular.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rough Typewriter';
  src: url("../fonts/Rough_typewriter.woff2") format('woff2'),
       url("../fonts/Rough_typewriter.woff") format('woff'),
       url("../fonts/rough_typewriter.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rough Typewriter';
  src: url("../fonts/Rough_typewriter-itl.woff2") format('woff2'),
       url("../fonts/Rough_typewriter-itl.woff") format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Rough Typewriter';
  src: url("../fonts/Rough_typewriter-bld-itl.woff2") format('woff2'),
       url("../fonts/Rough_typewriter-bld-itl.woff") format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

body {
    font-family: Arial, sans-serif;
}

body.dyslexic-font-enabled {
    font-family: 'OpenDyslexic', Arial, sans-serif;
}

.font-circographe {
    font-family: 'Circographe', Arial, sans-serif;
}

.font-rough-typewriter {
    font-family: 'Rough Typewriter', monospace;
}