@font-face {
  font-family: "Clear Sans";
  src: url('fonts/clear-sans/ClearSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Clear Sans";
  src: url('fonts/clear-sans/ClearSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Clear Sans";
  src: url('fonts/clear-sans/ClearSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Clear Sans";
  src: url('fonts/clear-sans/ClearSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Alegreya";
  src: url('fonts/alegreya/Alegreya-Regular.woff2') format('woff2'), url('fonts/alegreya/Alegreya-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Alegreya";
  src: url('fonts/alegreya/Alegreya-Italic.woff2') format('woff2'), url('fonts/alegreya/Alegreya-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Alegreya";
  src: url('fonts/alegreya/Alegreya-Bold.woff2') format('woff2'), url('fonts/alegreya/Alegreya-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Alegreya";
  src: url('fonts/alegreya/Alegreya-BoldItalic.woff2') format('woff2'), url('fonts/alegreya/Alegreya-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Zilla Slab";
  src: url('fonts/zilla-slab/ZillaSlab-Regular.woff2') format('woff2'), url('fonts/zilla-slab/ZillaSlab-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Zilla Slab";
  src: url('fonts/zilla-slab/ZillaSlab-RegularItalic.woff2') format('woff2'), url('fonts/zilla-slab/ZillaSlab-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Zilla Slab";
  src: url('fonts/zilla-slab/ZillaSlab-Bold.woff2') format('woff2'), url('fonts/zilla-slab/ZillaSlab-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Zilla Slab";
  src: url('fonts/zilla-slab/ZillaSlab-BoldItalic.woff2') format('woff2'), url('fonts/zilla-slab/ZillaSlab-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Source Code Pro";
  src: url('fonts/sourcecodepro/SourceCodePro-Regular.woff2') format('woff2'), url('fonts/sourcecodepro/SourceCodePro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Source Code Pro";
  src: url('fonts/sourcecodepro/SourceCodePro-It.woff2') format('woff2'), url('fonts/sourcecodepro/SourceCodePro-It.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Source Code Pro";
  src: url('fonts/sourcecodepro/SourceCodePro-Bold.woff2') format('woff2'), url('fonts/sourcecodepro/SourceCodePro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Source Code Pro";
  src: url('fonts/sourcecodepro/SourceCodePro-BoldIt.woff2') format('woff2'), url('fonts/sourcecodepro/SourceCodePro-BoldIt.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Secret Typewriter";
  src: url('fonts/secret-typewriter/secret-typewriter.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'aquiline-two';
  src: url('fonts/aquiline-two/aquiline-two.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'blokletters';
  src: url('fonts/blokletters/blokletters-regular.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'blokletters';
  src: url('fonts/blokletters/blokletters-bold.woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'blokletters';
  src: url('fonts/blokletters/blokletters-light.woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family:'calligraffiti';
  src: url('fonts/calligraffiti/calligraffiti.woff2') format('woff2'), url('fonts/calligraffiti/calligraffiti.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'felipa';
  src: url('fonts/felipa/felipa.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'note-this';
  src: url('fonts/note-this/note-this.woff2') format('woff2'), url('fonts/note-this/note-this.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'over-the-rainbow';
  src: url('fonts/over-the-rainbow/over-the-rainbow.ttf');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: var(--font-body);
}

header:not(.fa), h1, h2, h3, h4, h5, h6, .widget-header:not(.fas):not(.far):not(.fab), .button, #menu-toggle {
  font-family: var(--font-header);
}

.serif, .serif * {
  font-family: "Alegreya", serif !important;
}

.slab-serif, .slab-serif * {
  font-family: "Zilla Slab", serif !important;
}

.sans-serif, .sans-serif * {
  font-family: "Clear Sans", sans-serif !important;
}

.typewriter, .typewriter * {
  font-family: "Secret Typewriter", monospace !important;
}