/* Roboto: normal, bold, thin */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular.ttf');
    src: url('./fonts/Roboto-Regular.eot') format('eot');
    src: local('?'), url('./fonts/Roboto-Regular.woff') format('woff'), url('./fonts/Roboto-Regular.woff2') format('woff2'), url('./fonts/Roboto-Regular.otf') format('opentype'), url('./fonts/Roboto-Regular.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('./fonts/Roboto-Thin.ttf');
    src: url('./fonts/Roboto-Thin.eot') format('eot');
    src: local('?'), url('./fonts/Roboto-Thin.woff') format('woff'), url('./fonts/Roboto-Thin.woff2') format('woff2'), url('./fonts/Roboto-Thin.otf') format('opentype'), url('./fonts/Roboto-Thin.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('./fonts/Roboto-Bold.ttf');
    src: url('./fonts/Roboto-Bold.eot') format('eot');
    src: local('?'), url('./fonts/Roboto-Bold.woff') format('woff'), url('./fonts/Roboto-Bold.woff2') format('woff2'), url('./fonts/Roboto-Bold.otf') format('opentype'), url('./fonts/Roboto-Bold.svg') format('svg');
}

/* Alfa Slab One: normal */
@font-face {
    font-family: 'Alfa Slab One';
    src: url('./fonts/AlfaSlabOne-Regular.eot');
    src: url('./fonts/AlfaSlabOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AlfaSlabOne-Regular.woff2') format('woff2'),
        url('./fonts/AlfaSlabOne-Regular.woff') format('woff'),
        url('./fonts/AlfaSlabOne-Regular.ttf') format('truetype'),
        url('./fonts/AlfaSlabOne-Regular.svg#AlfaSlabOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Oswald: normal */
@font-face {
    font-family: 'Oswald';
    src: url('./fonts/Oswald-Regular.eot');
    src: url('./fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Oswald-Regular.woff2') format('woff2'),
        url('./fonts/Oswald-Regular.woff') format('woff'),
        url('./fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* UTM Yen Tu: normal */
@font-face {
    font-family: 'UTM Yen Tu';
    src: url('./fonts/UTMYenTu.eot');
    src: url('./fonts/UTMYenTu.eot?#iefix') format('embedded-opentype'),
        url('./fonts/UTMYenTu.woff2') format('woff2'),
        url('./fonts/UTMYenTu.woff') format('woff'),
        url('./fonts/UTMYenTu.ttf') format('truetype'),
        url('./fonts/UTMYenTu.svg#UTMYenTu') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HLT Motion Picture: normal */
@font-face {
    font-family: 'HLT Motion Picture';
    src: url('./fonts/HLTMotionPicture.eot');
    src: url('./fonts/HLTMotionPicture.eot?#iefix') format('embedded-opentype'),
        url('./fonts/HLTMotionPicture.woff2') format('woff2'),
        url('./fonts/HLTMotionPicture.woff') format('woff'),
        url('./fonts/HLTMotionPicture.ttf') format('truetype'),
        url('./fonts/HLTMotionPicture.svg#HLTMotionPicture') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Roboto Slab: normal, bold */
@font-face {
    font-family: 'Roboto Slab';
    src: url('./fonts/RobotoSlab-Bold.eot');
    src: url('./fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('./fonts/RobotoSlab-Bold.woff') format('woff'),
        url('./fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('./fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('./fonts/RobotoSlab-Regular.eot');
    src: url('./fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('./fonts/RobotoSlab-Regular.woff') format('woff'),
        url('./fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('./fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* DISPLAY FONTS GROUP */

/* Coiny: normal */
@font-face {
    font-family: 'Coiny';
    src: url('./fonts/Coiny-Regular.eot');
    src: url('./fonts/Coiny-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Coiny-Regular.woff2') format('woff2'),
        url('./fonts/Coiny-Regular.woff') format('woff'),
        url('./fonts/Coiny-Regular.ttf') format('truetype'),
        url('./fonts/Coiny-Regular.svg#Coiny-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Bangers: normal */
@font-face {
    font-family: 'Bangers';
    src: url('./fonts/Bangers-Regular.eot');
    src: url('./fonts/Bangers-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Bangers-Regular.woff2') format('woff2'),
    url('./fonts/Bangers-Regular.woff') format('woff'),
    url('./fonts/Bangers-Regular.ttf') format('truetype'),
    url('./fonts/Bangers-Regular.svg#Bangers-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Bungee: normal */
@font-face {
    font-family: 'Bungee';
    src: url('./fonts/Bungee-Regular.eot');
    src: url('./fonts/Bungee-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Bungee-Regular.woff2') format('woff2'),
        url('./fonts/Bungee-Regular.woff') format('woff'),
        url('./fonts/Bungee-Regular.ttf') format('truetype'),
        url('./fonts/Bungee-Regular.svg#Bungee-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Bungee Shade: normal */
@font-face {
    font-family: 'Bungee Shade';
    src: url('./fonts/BungeeShade-Regular.eot');
    src: url('./fonts/BungeeShade-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BungeeShade-Regular.woff2') format('woff2'),
        url('./fonts/BungeeShade-Regular.woff') format('woff'),
        url('./fonts/BungeeShade-Regular.ttf') format('truetype'),
        url('./fonts/BungeeShade-Regular.svg#BungeeShade-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Bungee Inline: normal */
@font-face {
    font-family: 'Bungee Inline';
    src: url('./fonts/BungeeInline-Regular.eot');
    src: url('./fonts/BungeeInline-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BungeeInline-Regular.woff2') format('woff2'),
        url('./fonts/BungeeInline-Regular.woff') format('woff'),
        url('./fonts/BungeeInline-Regular.ttf') format('truetype'),
        url('./fonts/BungeeInline-Regular.svg#BungeeInline-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Comfortaa: normal, semi-bold, bold */
@font-face {
    font-family: 'Comfortaa';
    src: url('./fonts/Comfortaa-Light.eot');
    src: url('./fonts/Comfortaa-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Comfortaa-Light.woff2') format('woff2'),
        url('./fonts/Comfortaa-Light.woff') format('woff'),
        url('./fonts/Comfortaa-Light.ttf') format('truetype'),
        url('./fonts/Comfortaa-Light.svg#Comfortaa-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('./fonts/Comfortaa-Bold.eot');
    src: url('./fonts/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Comfortaa-Bold.woff2') format('woff2'),
        url('./fonts/Comfortaa-Bold.woff') format('woff'),
        url('./fonts/Comfortaa-Bold.ttf') format('truetype'),
        url('./fonts/Comfortaa-Bold.svg#Comfortaa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('./fonts/Comfortaa-Regular.eot');
    src: url('./fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Comfortaa-Regular.woff2') format('woff2'),
        url('./fonts/Comfortaa-Regular.woff') format('woff'),
        url('./fonts/Comfortaa-Regular.ttf') format('truetype'),
        url('./fonts/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Lobster: normal */
@font-face {
    font-family: 'Lobster';
    src: url('./fonts/Lobster-Regular.eot');
    src: url('./fonts/Lobster-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lobster-Regular.woff2') format('woff2'),
        url('./fonts/Lobster-Regular.woff') format('woff'),
        url('./fonts/Lobster-Regular.ttf') format('truetype'),
        url('./fonts/Lobster-Regular.svg#Lobster-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Lemonada: normal, light, semi-bold, bold */
@font-face {
    font-family: 'Lemonada';
    src: url('./fonts/Lemonada-SemiBold.eot');
    src: url('./fonts/Lemonada-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lemonada-SemiBold.woff2') format('woff2'),
        url('./fonts/Lemonada-SemiBold.woff') format('woff'),
        url('./fonts/Lemonada-SemiBold.ttf') format('truetype'),
        url('./fonts/Lemonada-SemiBold.svg#Lemonada-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lemonada';
    src: url('./fonts/Lemonada-Light.eot');
    src: url('./fonts/Lemonada-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lemonada-Light.woff2') format('woff2'),
        url('./fonts/Lemonada-Light.woff') format('woff'),
        url('./fonts/Lemonada-Light.ttf') format('truetype'),
        url('./fonts/Lemonada-Light.svg#Lemonada-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lemonada';
    src: url('./fonts/Lemonada-Bold.eot');
    src: url('./fonts/Lemonada-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lemonada-Bold.woff2') format('woff2'),
        url('./fonts/Lemonada-Bold.woff') format('woff'),
        url('./fonts/Lemonada-Bold.ttf') format('truetype'),
        url('./fonts/Lemonada-Bold.svg#Lemonada-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lemonada';
    src: url('./fonts/Lemonada-Regular.eot');
    src: url('./fonts/Lemonada-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lemonada-Regular.woff2') format('woff2'),
        url('./fonts/Lemonada-Regular.woff') format('woff'),
        url('./fonts/Lemonada-Regular.ttf') format('truetype'),
        url('./fonts/Lemonada-Regular.svg#Lemonada-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Lemonada: normal, bold */
@font-face {
    font-family: 'Srisakdi';
    src: url('./fonts/Srisakdi-Bold.eot');
    src: url('./fonts/Srisakdi-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Srisakdi-Bold.woff2') format('woff2'),
        url('./fonts/Srisakdi-Bold.woff') format('woff'),
        url('./fonts/Srisakdi-Bold.ttf') format('truetype'),
        url('./fonts/Srisakdi-Bold.svg#Srisakdi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Srisakdi';
    src: url('./fonts/Srisakdi-Regular.eot');
    src: url('./fonts/Srisakdi-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Srisakdi-Regular.woff2') format('woff2'),
        url('./fonts/Srisakdi-Regular.woff') format('woff'),
        url('./fonts/Srisakdi-Regular.ttf') format('truetype'),
        url('./fonts/Srisakdi-Regular.svg#Srisakdi-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HANDWRITING FONTS GROUP */
@font-face {
    font-family: 'Mali';
    src: url('./fonts/Mali-Regular.eot');
    src: url('./fonts/Mali-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mali-Regular.woff2') format('woff2'),
        url('./fonts/Mali-Regular.woff') format('woff'),
        url('./fonts/Mali-Regular.ttf') format('truetype'),
        url('./fonts/Mali-Regular.svg#Mali-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Patrick Hand SC';
    src: url('./fonts/PatrickHandSC-Regular.eot');
    src: url('./fonts/PatrickHandSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PatrickHandSC-Regular.woff2') format('woff2'),
        url('./fonts/PatrickHandSC-Regular.woff') format('woff'),
        url('./fonts/PatrickHandSC-Regular.ttf') format('truetype'),
        url('./fonts/PatrickHandSC-Regular.svg#PatrickHandSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pacifico';
    src: url('./fonts/Pacifico-Regular.eot');
    src: url('./fonts/Pacifico-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Pacifico-Regular.woff2') format('woff2'),
        url('./fonts/Pacifico-Regular.woff') format('woff'),
        url('./fonts/Pacifico-Regular.ttf') format('truetype'),
        url('./fonts/Pacifico-Regular.svg#Pacifico-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pangolin';
    src: url('./fonts/Pangolin-Regular.eot');
    src: url('./fonts/Pangolin-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Pangolin-Regular.woff2') format('woff2'),
        url('./fonts/Pangolin-Regular.woff') format('woff'),
        url('./fonts/Pangolin-Regular.ttf') format('truetype'),
        url('./fonts/Pangolin-Regular.svg#Pangolin-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charmonman';
    src: url('./fonts/Charmonman-Bold.eot');
    src: url('./fonts/Charmonman-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Charmonman-Bold.woff2') format('woff2'),
        url('./fonts/Charmonman-Bold.woff') format('woff'),
        url('./fonts/Charmonman-Bold.ttf') format('truetype'),
        url('./fonts/Charmonman-Bold.svg#Charmonman-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('./fonts/DancingScript-Bold.eot');
    src: url('./fonts/DancingScript-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DancingScript-Bold.woff2') format('woff2'),
        url('./fonts/DancingScript-Bold.woff') format('woff'),
        url('./fonts/DancingScript-Bold.ttf') format('truetype'),
        url('./fonts/DancingScript-Bold.svg#DancingScript-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('./fonts/AmaticSC-Regular.eot');
    src: url('./fonts/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AmaticSC-Regular.woff2') format('woff2'),
        url('./fonts/AmaticSC-Regular.woff') format('woff'),
        url('./fonts/AmaticSC-Regular.ttf') format('truetype'),
        url('./fonts/AmaticSC-Regular.svg#AmaticSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sedgwick Ave Display';
    src: url('./fonts/SedgwickAveDisplay-Regular.eot');
    src: url('./fonts/SedgwickAveDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/SedgwickAveDisplay-Regular.woff2') format('woff2'),
        url('./fonts/SedgwickAveDisplay-Regular.woff') format('woff'),
        url('./fonts/SedgwickAveDisplay-Regular.ttf') format('truetype'),
        url('./fonts/SedgwickAveDisplay-Regular.svg#SedgwickAveDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sriracha';
    src: url('./fonts/Sriracha-Regular.eot');
    src: url('./fonts/Sriracha-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Sriracha-Regular.woff2') format('woff2'),
        url('./fonts/Sriracha-Regular.woff') format('woff'),
        url('./fonts/Sriracha-Regular.ttf') format('truetype'),
        url('./fonts/Sriracha-Regular.svg#Sriracha-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charm';
    src: url('./fonts/Charm-Bold.eot');
    src: url('./fonts/Charm-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Charm-Bold.woff2') format('woff2'),
        url('./fonts/Charm-Bold.woff') format('woff'),
        url('./fonts/Charm-Bold.ttf') format('truetype'),
        url('./fonts/Charm-Bold.svg#Charm-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('./fonts/AmaticSC-Bold.eot');
    src: url('./fonts/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AmaticSC-Bold.woff2') format('woff2'),
        url('./fonts/AmaticSC-Bold.woff') format('woff'),
        url('./fonts/AmaticSC-Bold.ttf') format('truetype'),
        url('./fonts/AmaticSC-Bold.svg#AmaticSC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Itim';
    src: url('./fonts/Itim-Regular.eot');
    src: url('./fonts/Itim-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Itim-Regular.woff2') format('woff2'),
        url('./fonts/Itim-Regular.woff') format('woff'),
        url('./fonts/Itim-Regular.ttf') format('truetype'),
        url('./fonts/Itim-Regular.svg#Itim-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charm';
    src: url('./fonts/Charm-Regular.eot');
    src: url('./fonts/Charm-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Charm-Regular.woff2') format('woff2'),
        url('./fonts/Charm-Regular.woff') format('woff'),
        url('./fonts/Charm-Regular.ttf') format('truetype'),
        url('./fonts/Charm-Regular.svg#Charm-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mali';
    src: url('./fonts/Mali-Bold.eot');
    src: url('./fonts/Mali-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Mali-Bold.woff2') format('woff2'),
        url('./fonts/Mali-Bold.woff') format('woff'),
        url('./fonts/Mali-Bold.ttf') format('truetype'),
        url('./fonts/Mali-Bold.svg#Mali-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sedgwick Ave';
    src: url('./fonts/SedgwickAve-Regular.eot');
    src: url('./fonts/SedgwickAve-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/SedgwickAve-Regular.woff2') format('woff2'),
        url('./fonts/SedgwickAve-Regular.woff') format('woff'),
        url('./fonts/SedgwickAve-Regular.ttf') format('truetype'),
        url('./fonts/SedgwickAve-Regular.svg#SedgwickAve-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charmonman';
    src: url('./fonts/Charmonman-Regular.eot');
    src: url('./fonts/Charmonman-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Charmonman-Regular.woff2') format('woff2'),
        url('./fonts/Charmonman-Regular.woff') format('woff'),
        url('./fonts/Charmonman-Regular.ttf') format('truetype'),
        url('./fonts/Charmonman-Regular.svg#Charmonman-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('./fonts/DancingScript-Regular.eot');
    src: url('./fonts/DancingScript-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DancingScript-Regular.woff2') format('woff2'),
        url('./fonts/DancingScript-Regular.woff') format('woff'),
        url('./fonts/DancingScript-Regular.ttf') format('truetype'),
        url('./fonts/DancingScript-Regular.svg#DancingScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Patrick Hand';
    src: url('./fonts/PatrickHand-Regular.eot');
    src: url('./fonts/PatrickHand-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PatrickHand-Regular.woff2') format('woff2'),
        url('./fonts/PatrickHand-Regular.woff') format('woff'),
        url('./fonts/PatrickHand-Regular.ttf') format('truetype'),
        url('./fonts/PatrickHand-Regular.svg#PatrickHand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* MONOSPACE FONTS GROUP */
@font-face {
    font-family: 'Cousine';
    src: url('./fonts/Cousine-Regular.eot');
    src: url('./fonts/Cousine-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Cousine-Regular.woff2') format('woff2'),
        url('./fonts/Cousine-Regular.woff') format('woff'),
        url('./fonts/Cousine-Regular.ttf') format('truetype'),
        url('./fonts/Cousine-Regular.svg#Cousine-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inconsolata';
    src: url('./fonts/Inconsolata-Regular.eot');
    src: url('./fonts/Inconsolata-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Inconsolata-Regular.woff2') format('woff2'),
        url('./fonts/Inconsolata-Regular.woff') format('woff'),
        url('./fonts/Inconsolata-Regular.ttf') format('truetype'),
        url('./fonts/Inconsolata-Regular.svg#Inconsolata-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Major Mono Display';
    src: url('./fonts/MajorMonoDisplay-Regular.eot');
    src: url('./fonts/MajorMonoDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MajorMonoDisplay-Regular.woff2') format('woff2'),
        url('./fonts/MajorMonoDisplay-Regular.woff') format('woff'),
        url('./fonts/MajorMonoDisplay-Regular.ttf') format('truetype'),
        url('./fonts/MajorMonoDisplay-Regular.svg#MajorMonoDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('./fonts/IBMPlexMono.eot');
    src: url('./fonts/IBMPlexMono.eot?#iefix') format('embedded-opentype'),
        url('./fonts/IBMPlexMono.woff2') format('woff2'),
        url('./fonts/IBMPlexMono.woff') format('woff'),
        url('./fonts/IBMPlexMono.ttf') format('truetype'),
        url('./fonts/IBMPlexMono.svg#IBMPlexMono') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('./fonts/RobotoMono-Regular.eot');
    src: url('./fonts/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoMono-Regular.woff2') format('woff2'),
        url('./fonts/RobotoMono-Regular.woff') format('woff'),
        url('./fonts/RobotoMono-Regular.ttf') format('truetype'),
        url('./fonts/RobotoMono-Regular.svg#RobotoMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VT323';
    src: url('./fonts/VT323-Regular.eot');
    src: url('./fonts/VT323-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/VT323-Regular.woff2') format('woff2'),
        url('./fonts/VT323-Regular.woff') format('woff'),
        url('./fonts/VT323-Regular.ttf') format('truetype'),
        url('./fonts/VT323-Regular.svg#VT323-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-Bold.eot');
    src: url('./fonts/SpaceMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/SpaceMono-Bold.woff2') format('woff2'),
        url('./fonts/SpaceMono-Bold.woff') format('woff'),
        url('./fonts/SpaceMono-Bold.ttf') format('truetype'),
        url('./fonts/SpaceMono-Bold.svg#SpaceMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('./fonts/IBMPlexMono-Bold.eot');
    src: url('./fonts/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/IBMPlexMono-Bold.woff2') format('woff2'),
        url('./fonts/IBMPlexMono-Bold.woff') format('woff'),
        url('./fonts/IBMPlexMono-Bold.ttf') format('truetype'),
        url('./fonts/IBMPlexMono-Bold.svg#IBMPlexMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('./fonts/RobotoMono-Bold.eot');
    src: url('./fonts/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoMono-Bold.woff2') format('woff2'),
        url('./fonts/RobotoMono-Bold.woff') format('woff'),
        url('./fonts/RobotoMono-Bold.ttf') format('truetype'),
        url('./fonts/RobotoMono-Bold.svg#RobotoMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inconsolata';
    src: url('./fonts/Inconsolata-Bold.eot');
    src: url('./fonts/Inconsolata-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Inconsolata-Bold.woff2') format('woff2'),
        url('./fonts/Inconsolata-Bold.woff') format('woff'),
        url('./fonts/Inconsolata-Bold.ttf') format('truetype'),
        url('./fonts/Inconsolata-Bold.svg#Inconsolata-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-Regular.eot');
    src: url('./fonts/SpaceMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/SpaceMono-Regular.woff2') format('woff2'),
        url('./fonts/SpaceMono-Regular.woff') format('woff'),
        url('./fonts/SpaceMono-Regular.ttf') format('truetype'),
        url('./fonts/SpaceMono-Regular.svg#SpaceMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cousine';
    src: url('./fonts/Cousine-Bold.eot');
    src: url('./fonts/Cousine-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Cousine-Bold.woff2') format('woff2'),
        url('./fonts/Cousine-Bold.woff') format('woff'),
        url('./fonts/Cousine-Bold.ttf') format('truetype'),
        url('./fonts/Cousine-Bold.svg#Cousine-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* SERIF FONTS GROUP */
@font-face {
    font-family: 'EB Garamond';
    src: url('./fonts/EBGaramond-Regular.eot');
    src: url('./fonts/EBGaramond-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EBGaramond-Regular.woff2') format('woff2'),
        url('./fonts/EBGaramond-Regular.woff') format('woff'),
        url('./fonts/EBGaramond-Regular.ttf') format('truetype'),
        url('./fonts/EBGaramond-Regular.svg#EBGaramond-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Bold.eot');
    src: url('./fonts/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('./fonts/NotoSerif-Bold.woff') format('woff'),
        url('./fonts/NotoSerif-Bold.ttf') format('truetype'),
        url('./fonts/NotoSerif-Bold.svg#NotoSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant SC';
    src: url('./fonts/CormorantSC-Bold.eot');
    src: url('./fonts/CormorantSC-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CormorantSC-Bold.woff2') format('woff2'),
        url('./fonts/CormorantSC-Bold.woff') format('woff'),
        url('./fonts/CormorantSC-Bold.ttf') format('truetype'),
        url('./fonts/CormorantSC-Bold.svg#CormorantSC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Upright';
    src: url('./fonts/CormorantUpright-Bold.eot');
    src: url('./fonts/CormorantUpright-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CormorantUpright-Bold.woff2') format('woff2'),
        url('./fonts/CormorantUpright-Bold.woff') format('woff'),
        url('./fonts/CormorantUpright-Bold.ttf') format('truetype'),
        url('./fonts/CormorantUpright-Bold.svg#CormorantUpright-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('./fonts/Lora-Regular.eot');
    src: url('./fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lora-Regular.woff2') format('woff2'),
        url('./fonts/Lora-Regular.woff') format('woff'),
        url('./fonts/Lora-Regular.ttf') format('truetype'),
        url('./fonts/Lora-Regular.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./fonts/PlayfairDisplay-Regular.eot');
    src: url('./fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('./fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('./fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('./fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif.eot');
    src: url('./fonts/NotoSerif.eot?#iefix') format('embedded-opentype'),
        url('./fonts/NotoSerif.woff2') format('woff2'),
        url('./fonts/NotoSerif.woff') format('woff'),
        url('./fonts/NotoSerif.ttf') format('truetype'),
        url('./fonts/NotoSerif.svg#NotoSerif') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('./fonts/Lora-Bold.eot');
    src: url('./fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Lora-Bold.woff2') format('woff2'),
        url('./fonts/Lora-Bold.woff') format('woff'),
        url('./fonts/Lora-Bold.ttf') format('truetype'),
        url('./fonts/Lora-Bold.svg#Lora-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./fonts/Merriweather-Bold.eot');
    src: url('./fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Merriweather-Bold.woff2') format('woff2'),
        url('./fonts/Merriweather-Bold.woff') format('woff'),
        url('./fonts/Merriweather-Bold.ttf') format('truetype'),
        url('./fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('./fonts/EBGaramond-Bold.eot');
    src: url('./fonts/EBGaramond-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EBGaramond-Bold.woff2') format('woff2'),
        url('./fonts/EBGaramond-Bold.woff') format('woff'),
        url('./fonts/EBGaramond-Bold.ttf') format('truetype'),
        url('./fonts/EBGaramond-Bold.svg#EBGaramond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant SC';
    src: url('./fonts/CormorantSC-Regular.eot');
    src: url('./fonts/CormorantSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CormorantSC-Regular.woff2') format('woff2'),
        url('./fonts/CormorantSC-Regular.woff') format('woff'),
        url('./fonts/CormorantSC-Regular.ttf') format('truetype'),
        url('./fonts/CormorantSC-Regular.svg#CormorantSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('./fonts/Vollkorn-Bold.eot');
    src: url('./fonts/Vollkorn-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Vollkorn-Bold.woff2') format('woff2'),
        url('./fonts/Vollkorn-Bold.woff') format('woff'),
        url('./fonts/Vollkorn-Bold.ttf') format('truetype'),
        url('./fonts/Vollkorn-Bold.svg#Vollkorn-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('./fonts/Vollkorn-Regular.eot');
    src: url('./fonts/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Vollkorn-Regular.woff2') format('woff2'),
        url('./fonts/Vollkorn-Regular.woff') format('woff'),
        url('./fonts/Vollkorn-Regular.ttf') format('truetype'),
        url('./fonts/Vollkorn-Regular.svg#Vollkorn-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./fonts/PlayfairDisplay-Bold.eot');
    src: url('./fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('./fonts/PlayfairDisplay-Bold.woff') format('woff'),
        url('./fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
        url('./fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display SC';
    src: url('./fonts/PlayfairDisplaySC-Regular.eot');
    src: url('./fonts/PlayfairDisplaySC-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PlayfairDisplaySC-Regular.woff2') format('woff2'),
        url('./fonts/PlayfairDisplaySC-Regular.woff') format('woff'),
        url('./fonts/PlayfairDisplaySC-Regular.ttf') format('truetype'),
        url('./fonts/PlayfairDisplaySC-Regular.svg#PlayfairDisplaySC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rokkitt';
    src: url('./fonts/Rokkitt-Regular.eot');
    src: url('./fonts/Rokkitt-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rokkitt-Regular.woff2') format('woff2'),
        url('./fonts/Rokkitt-Regular.woff') format('woff'),
        url('./fonts/Rokkitt-Regular.ttf') format('truetype'),
        url('./fonts/Rokkitt-Regular.svg#Rokkitt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display SC';
    src: url('./fonts/PlayfairDisplaySC-Bold.eot');
    src: url('./fonts/PlayfairDisplaySC-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/PlayfairDisplaySC-Bold.woff2') format('woff2'),
        url('./fonts/PlayfairDisplaySC-Bold.woff') format('woff'),
        url('./fonts/PlayfairDisplaySC-Bold.ttf') format('truetype'),
        url('./fonts/PlayfairDisplaySC-Bold.svg#PlayfairDisplaySC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rokkitt';
    src: url('./fonts/Rokkitt-Bold.eot');
    src: url('./fonts/Rokkitt-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Rokkitt-Bold.woff2') format('woff2'),
        url('./fonts/Rokkitt-Bold.woff') format('woff'),
        url('./fonts/Rokkitt-Bold.ttf') format('truetype'),
        url('./fonts/Rokkitt-Bold.svg#Rokkitt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Upright';
    src: url('./fonts/CormorantUpright-Regular.eot');
    src: url('./fonts/CormorantUpright-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CormorantUpright-Regular.woff2') format('woff2'),
        url('./fonts/CormorantUpright-Regular.woff') format('woff'),
        url('./fonts/CormorantUpright-Regular.ttf') format('truetype'),
        url('./fonts/CormorantUpright-Regular.svg#CormorantUpright-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./fonts/Merriweather-Regular.eot');
    src: url('./fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Merriweather-Regular.woff2') format('woff2'),
        url('./fonts/Merriweather-Regular.woff') format('woff'),
        url('./fonts/Merriweather-Regular.ttf') format('truetype'),
        url('./fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* SERIF FONTS GROUP */
@font-face {
    font-family: 'Saira';
    src: url('./fonts/Saira-Regular.eot');
    src: url('./fonts/Saira-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Saira-Regular.woff2') format('woff2'),
        url('./fonts/Saira-Regular.woff') format('woff'),
        url('./fonts/Saira-Regular.ttf') format('truetype'),
        url('./fonts/Saira-Regular.svg#Saira-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('./fonts/ChakraPetch-Bold.eot');
    src: url('./fonts/ChakraPetch-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/ChakraPetch-Bold.woff2') format('woff2'),
        url('./fonts/ChakraPetch-Bold.woff') format('woff'),
        url('./fonts/ChakraPetch-Bold.ttf') format('truetype'),
        url('./fonts/ChakraPetch-Bold.svg#ChakraPetch-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'KoHo';
    src: url('./fonts/KoHo-Regular.eot');
    src: url('./fonts/KoHo-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/KoHo-Regular.woff2') format('woff2'),
        url('./fonts/KoHo-Regular.woff') format('woff'),
        url('./fonts/KoHo-Regular.ttf') format('truetype'),
        url('./fonts/KoHo-Regular.svg#KoHo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Bold.eot');
    src: url('./fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Montserrat-Bold.woff2') format('woff2'),
        url('./fonts/Montserrat-Bold.woff') format('woff'),
        url('./fonts/Montserrat-Bold.ttf') format('truetype'),
        url('./fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('./fonts/JosefinSans-Regular.eot');
    src: url('./fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/JosefinSans-Regular.woff2') format('woff2'),
        url('./fonts/JosefinSans-Regular.woff') format('woff'),
        url('./fonts/JosefinSans-Regular.ttf') format('truetype'),
        url('./fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('./fonts/ChakraPetch-Regular.eot');
    src: url('./fonts/ChakraPetch-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/ChakraPetch-Regular.woff2') format('woff2'),
        url('./fonts/ChakraPetch-Regular.woff') format('woff'),
        url('./fonts/ChakraPetch-Regular.ttf') format('truetype'),
        url('./fonts/ChakraPetch-Regular.svg#ChakraPetch-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/RobotoCondensed-Regular.eot');
    src: url('./fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('./fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('./fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('./fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Play';
    src: url('./fonts/Play-Bold.eot');
    src: url('./fonts/Play-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Play-Bold.woff2') format('woff2'),
        url('./fonts/Play-Bold.woff') format('woff'),
        url('./fonts/Play-Bold.ttf') format('truetype'),
        url('./fonts/Play-Bold.svg#Play-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fahkwang';
    src: url('./fonts/Fahkwang-Bold.eot');
    src: url('./fonts/Fahkwang-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Fahkwang-Bold.woff2') format('woff2'),
        url('./fonts/Fahkwang-Bold.woff') format('woff'),
        url('./fonts/Fahkwang-Bold.ttf') format('truetype'),
        url('./fonts/Fahkwang-Bold.svg#Fahkwang-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Expanded';
    src: url('./fonts/EncodeSansExpanded-Regular.eot');
    src: url('./fonts/EncodeSansExpanded-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EncodeSansExpanded-Regular.woff2') format('woff2'),
        url('./fonts/EncodeSansExpanded-Regular.woff') format('woff'),
        url('./fonts/EncodeSansExpanded-Regular.ttf') format('truetype'),
        url('./fonts/EncodeSansExpanded-Regular.svg#EncodeSansExpanded-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Regular.eot');
    src: url('./fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Montserrat-Regular.woff2') format('woff2'),
        url('./fonts/Montserrat-Regular.woff') format('woff'),
        url('./fonts/Montserrat-Regular.ttf') format('truetype'),
        url('./fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Saira';
    src: url('./fonts/Saira-Bold.eot');
    src: url('./fonts/Saira-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Saira-Bold.woff2') format('woff2'),
        url('./fonts/Saira-Bold.woff') format('woff'),
        url('./fonts/Saira-Bold.ttf') format('truetype'),
        url('./fonts/Saira-Bold.svg#Saira-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Jura';
    src: url('./fonts/Jura-Bold.eot');
    src: url('./fonts/Jura-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Jura-Bold.woff2') format('woff2'),
        url('./fonts/Jura-Bold.woff') format('woff'),
        url('./fonts/Jura-Bold.ttf') format('truetype'),
        url('./fonts/Jura-Bold.svg#Jura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cuprum';
    src: url('./fonts/Cuprum-Regular.eot');
    src: url('./fonts/Cuprum-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Cuprum-Regular.woff2') format('woff2'),
        url('./fonts/Cuprum-Regular.woff') format('woff'),
        url('./fonts/Cuprum-Regular.ttf') format('truetype'),
        url('./fonts/Cuprum-Regular.svg#Cuprum-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('./fonts/EncodeSans-Bold.eot');
    src: url('./fonts/EncodeSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EncodeSans-Bold.woff2') format('woff2'),
        url('./fonts/EncodeSans-Bold.woff') format('woff'),
        url('./fonts/EncodeSans-Bold.ttf') format('truetype'),
        url('./fonts/EncodeSans-Bold.svg#EncodeSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('./fonts/Arsenal-Regular.eot');
    src: url('./fonts/Arsenal-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Arsenal-Regular.woff2') format('woff2'),
        url('./fonts/Arsenal-Regular.woff') format('woff'),
        url('./fonts/Arsenal-Regular.ttf') format('truetype'),
        url('./fonts/Arsenal-Regular.svg#Arsenal-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'K2D';
    src: url('./fonts/K2D-Bold.eot');
    src: url('./fonts/K2D-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/K2D-Bold.woff2') format('woff2'),
        url('./fonts/K2D-Bold.woff') format('woff'),
        url('./fonts/K2D-Bold.ttf') format('truetype'),
        url('./fonts/K2D-Bold.svg#K2D-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Pattaya';
    src: url('./fonts/Pattaya-Regular.eot');
    src: url('./fonts/Pattaya-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Pattaya-Regular.woff2') format('woff2'),
        url('./fonts/Pattaya-Regular.woff') format('woff'),
        url('./fonts/Pattaya-Regular.ttf') format('truetype'),
        url('./fonts/Pattaya-Regular.svg#Pattaya-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans Expanded';
    src: url('./fonts/EncodeSansExpanded-Bold.eot');
    src: url('./fonts/EncodeSansExpanded-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EncodeSansExpanded-Bold.woff2') format('woff2'),
        url('./fonts/EncodeSansExpanded-Bold.woff') format('woff'),
        url('./fonts/EncodeSansExpanded-Bold.ttf') format('truetype'),
        url('./fonts/EncodeSansExpanded-Bold.svg#EncodeSansExpanded-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('./fonts/Arsenal-Bold.eot');
    src: url('./fonts/Arsenal-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Arsenal-Bold.woff2') format('woff2'),
        url('./fonts/Arsenal-Bold.woff') format('woff'),
        url('./fonts/Arsenal-Bold.ttf') format('truetype'),
        url('./fonts/Arsenal-Bold.svg#Arsenal-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Kodchasan';
    src: url('./fonts/Kodchasan-Bold.eot');
    src: url('./fonts/Kodchasan-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Kodchasan-Bold.woff2') format('woff2'),
        url('./fonts/Kodchasan-Bold.woff') format('woff'),
        url('./fonts/Kodchasan-Bold.ttf') format('truetype'),
        url('./fonts/Kodchasan-Bold.svg#Kodchasan-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/RobotoCondensed-Bold.eot');
    src: url('./fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('./fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('./fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('./fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya Sans';
    src: url('./fonts/AlegreyaSans-Regular.eot');
    src: url('./fonts/AlegreyaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AlegreyaSans-Regular.woff2') format('woff2'),
        url('./fonts/AlegreyaSans-Regular.woff') format('woff'),
        url('./fonts/AlegreyaSans-Regular.ttf') format('truetype'),
        url('./fonts/AlegreyaSans-Regular.svg#AlegreyaSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cuprum';
    src: url('./fonts/Cuprum-Bold.eot');
    src: url('./fonts/Cuprum-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Cuprum-Bold.woff2') format('woff2'),
        url('./fonts/Cuprum-Bold.woff') format('woff'),
        url('./fonts/Cuprum-Bold.ttf') format('truetype'),
        url('./fonts/Cuprum-Bold.svg#Cuprum-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('./fonts/CabinCondensed-Bold.eot');
    src: url('./fonts/CabinCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CabinCondensed-Bold.woff2') format('woff2'),
        url('./fonts/CabinCondensed-Bold.woff') format('woff'),
        url('./fonts/CabinCondensed-Bold.ttf') format('truetype'),
        url('./fonts/CabinCondensed-Bold.svg#CabinCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya Sans SC';
    src: url('./fonts/AlegreyaSansSC-Regular.eot');
    src: url('./fonts/AlegreyaSansSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AlegreyaSansSC-Regular.woff2') format('woff2'),
        url('./fonts/AlegreyaSansSC-Regular.woff') format('woff'),
        url('./fonts/AlegreyaSansSC-Regular.ttf') format('truetype'),
        url('./fonts/AlegreyaSansSC-Regular.svg#AlegreyaSansSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('./fonts/EncodeSans-Regular.eot');
    src: url('./fonts/EncodeSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EncodeSans-Regular.woff2') format('woff2'),
        url('./fonts/EncodeSans-Regular.woff') format('woff'),
        url('./fonts/EncodeSans-Regular.ttf') format('truetype'),
        url('./fonts/EncodeSans-Regular.svg#EncodeSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('./fonts/CabinCondensed-Regular.eot');
    src: url('./fonts/CabinCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CabinCondensed-Regular.woff2') format('woff2'),
        url('./fonts/CabinCondensed-Regular.woff') format('woff'),
        url('./fonts/CabinCondensed-Regular.ttf') format('truetype'),
        url('./fonts/CabinCondensed-Regular.svg#CabinCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anton';
    src: url('./fonts/Anton-Regular.eot');
    src: url('./fonts/Anton-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Anton-Regular.woff2') format('woff2'),
        url('./fonts/Anton-Regular.woff') format('woff'),
        url('./fonts/Anton-Regular.ttf') format('truetype'),
        url('./fonts/Anton-Regular.svg#Anton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Francois One';
    src: url('./fonts/FrancoisOne-Regular.eot');
    src: url('./fonts/FrancoisOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/FrancoisOne-Regular.woff2') format('woff2'),
        url('./fonts/FrancoisOne-Regular.woff') format('woff'),
        url('./fonts/FrancoisOne-Regular.ttf') format('truetype'),
        url('./fonts/FrancoisOne-Regular.svg#FrancoisOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('./fonts/JosefinSans-Bold.eot');
    src: url('./fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/JosefinSans-Bold.woff2') format('woff2'),
        url('./fonts/JosefinSans-Bold.woff') format('woff'),
        url('./fonts/JosefinSans-Bold.ttf') format('truetype'),
        url('./fonts/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fahkwang';
    src: url('./fonts/Fahkwang-Regular.eot');
    src: url('./fonts/Fahkwang-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Fahkwang-Regular.woff2') format('woff2'),
        url('./fonts/Fahkwang-Regular.woff') format('woff'),
        url('./fonts/Fahkwang-Regular.ttf') format('truetype'),
        url('./fonts/Fahkwang-Regular.svg#Fahkwang-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kodchasan';
    src: url('./fonts/Kodchasan-Regular.eot');
    src: url('./fonts/Kodchasan-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Kodchasan-Regular.woff2') format('woff2'),
        url('./fonts/Kodchasan-Regular.woff') format('woff'),
        url('./fonts/Kodchasan-Regular.ttf') format('truetype'),
        url('./fonts/Kodchasan-Regular.svg#Kodchasan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('./fonts/BarlowCondensed-Regular.eot');
    src: url('./fonts/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BarlowCondensed-Regular.woff2') format('woff2'),
        url('./fonts/BarlowCondensed-Regular.woff') format('woff'),
        url('./fonts/BarlowCondensed-Regular.ttf') format('truetype'),
        url('./fonts/BarlowCondensed-Regular.svg#BarlowCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jura';
    src: url('./fonts/Jura-Regular.eot');
    src: url('./fonts/Jura-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Jura-Regular.woff2') format('woff2'),
        url('./fonts/Jura-Regular.woff') format('woff'),
        url('./fonts/Jura-Regular.ttf') format('truetype'),
        url('./fonts/Jura-Regular.svg#Jura-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya Sans SC';
    src: url('./fonts/AlegreyaSansSC-Bold.eot');
    src: url('./fonts/AlegreyaSansSC-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AlegreyaSansSC-Bold.woff2') format('woff2'),
        url('./fonts/AlegreyaSansSC-Bold.woff') format('woff'),
        url('./fonts/AlegreyaSansSC-Bold.ttf') format('truetype'),
        url('./fonts/AlegreyaSansSC-Bold.svg#AlegreyaSansSC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'KoHo';
    src: url('./fonts/KoHo-Bold.eot');
    src: url('./fonts/KoHo-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/KoHo-Bold.woff2') format('woff2'),
        url('./fonts/KoHo-Bold.woff') format('woff'),
        url('./fonts/KoHo-Bold.ttf') format('truetype'),
        url('./fonts/KoHo-Bold.svg#KoHo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('./fonts/BarlowCondensed-Bold.eot');
    src: url('./fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BarlowCondensed-Bold.woff2') format('woff2'),
        url('./fonts/BarlowCondensed-Bold.woff') format('woff'),
        url('./fonts/BarlowCondensed-Bold.ttf') format('truetype'),
        url('./fonts/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya Sans';
    src: url('./fonts/AlegreyaSans-Bold.eot');
    src: url('./fonts/AlegreyaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AlegreyaSans-Bold.woff2') format('woff2'),
        url('./fonts/AlegreyaSans-Bold.woff') format('woff'),
        url('./fonts/AlegreyaSans-Bold.ttf') format('truetype'),
        url('./fonts/AlegreyaSans-Bold.svg#AlegreyaSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'K2D';
    src: url('./fonts/K2D-Regular.eot');
    src: url('./fonts/K2D-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/K2D-Regular.woff2') format('woff2'),
        url('./fonts/K2D-Regular.woff') format('woff'),
        url('./fonts/K2D-Regular.ttf') format('truetype'),
        url('./fonts/K2D-Regular.svg#K2D-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Play';
    src: url('./fonts/Play-Regular.eot');
    src: url('./fonts/Play-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Play-Regular.woff2') format('woff2'),
        url('./fonts/Play-Regular.woff') format('woff'),
        url('./fonts/Play-Regular.ttf') format('truetype'),
        url('./fonts/Play-Regular.svg#Play-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Taviraj';
    src: url('./fonts/Taviraj-Bold.eot');
    src: url('./fonts/Taviraj-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Taviraj-Bold.woff2') format('woff2'),
        url('./fonts/Taviraj-Bold.woff') format('woff'),
        url('./fonts/Taviraj-Bold.ttf') format('truetype'),
        url('./fonts/Taviraj-Bold.svg#Taviraj-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Taviraj';
    src: url('./fonts/Taviraj-Regular.eot');
    src: url('./fonts/Taviraj-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Taviraj-Regular.woff2') format('woff2'),
        url('./fonts/Taviraj-Regular.woff') format('woff'),
        url('./fonts/Taviraj-Regular.ttf') format('truetype'),
        url('./fonts/Taviraj-Regular.svg#Taviraj-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Taviraj';
    src: url('./fonts/Taviraj-Medium.eot');
    src: url('./fonts/Taviraj-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Taviraj-Medium.woff2') format('woff2'),
        url('./fonts/Taviraj-Medium.woff') format('woff'),
        url('./fonts/Taviraj-Medium.ttf') format('truetype'),
        url('./fonts/Taviraj-Medium.svg#Taviraj-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Taviraj';
    src: url('./fonts/Taviraj-BoldItalic.eot');
    src: url('./fonts/Taviraj-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Taviraj-BoldItalic.woff2') format('woff2'),
        url('./fonts/Taviraj-BoldItalic.woff') format('woff'),
        url('./fonts/Taviraj-BoldItalic.ttf') format('truetype'),
        url('./fonts/Taviraj-BoldItalic.svg#Taviraj-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Taviraj';
    src: url('./fonts/Taviraj-MediumItalic.eot');
    src: url('./fonts/Taviraj-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Taviraj-MediumItalic.woff2') format('woff2'),
        url('./fonts/Taviraj-MediumItalic.woff') format('woff'),
        url('./fonts/Taviraj-MediumItalic.ttf') format('truetype'),
        url('./fonts/Taviraj-MediumItalic.svg#Taviraj-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}