@font-face {
    font-family: 'B612 Mono';
    src: url(fonts/B612Mono-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

.b612mono-bold {
    font-family: 'B612 Mono', monospace;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'B612 Mono';
    src: url(fonts/B612Mono-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

.b612mono-bold-italic {
    font-family: 'B612 Mono', monospace;
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'B612 Mono';
    src: url(fonts/B612Mono-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

.b612mono-italic {
    font-family: 'B612 Mono', monospace;
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'B612 Mono';
    src: url(fonts/B612Mono-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.b612mono-regular {
    font-family: 'B612 Mono', monospace;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

.chakrapetch-bold {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

.chakrapetch-bold-italic {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

.chakrapetch-italic {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch Light';
    src: url(fonts/ChakraPetch-Light.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.chakrapetch-light {
    font-family: 'Chakra Petch Light', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch Light';
    src: url(fonts/ChakraPetch-LightItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

.chakrapetch-light-italic {
    font-family: 'Chakra Petch Light', sans-serif;
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

.chakrapetch-medium {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

.chakrapetch-medium-italic {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.chakrapetch-regular {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

.chakrapetch-semibold {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url(fonts/ChakraPetch-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

.chakrapetch-semibold-italic {
    font-family: 'Chakra Petch', sans-serif;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Felix Titling';
    src: url(fonts/FelixTitling-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.felixtitling-regular {
    font-family: 'Felix Titling', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Finger Paint';
    src: url(fonts/FingerPaint-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fingerpaint-regular {
    font-family: 'Finger Paint', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

.krub-bold {
    font-family: 'Krub', sans-serif;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

.krub-bold-italic {
    font-family: 'Krub', sans-serif;
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

.krub-extralight {
    font-family: 'Krub', sans-serif;
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

.krub-extralight-italic {
    font-family: 'Krub', sans-serif;
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

.krub-italic {
    font-family: 'Krub', sans-serif;
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

.krub-light {
    font-family: 'Krub', sans-serif;
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

.krub-light-italic {
    font-family: 'Krub', sans-serif;
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

.krub-medium {
    font-family: 'Krub', sans-serif;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

.krub-medium-italic {
    font-family: 'Krub', sans-serif;
    font-weight: 500;
    font-style: italic;
}

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

.krub-regular {
    font-family: 'Krub', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

.krub-semibold {
    font-family: 'Krub', sans-serif;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Krub';
    src: url(fonts/Krub-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

.krub-semibold-italic {
    font-family: 'Krub', sans-serif;
    font-weight: 600;
    font-style: italic;
}

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

.damion-regular {
    font-family: 'Damion', cursive;
    font-weight: normal;
    font-style: normal;
}