/* ------------------------ JAAPOKKI ------------------------ */

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

/* ------------------------ ALEO ------------------------ */

@font-face {
    font-family: 'Aleo';
    src: url(./../fonts/aleo/Aleo-Thin.woff2) format('woff2'),
        url(./../fonts/aleo/Aleo-Thin.woff) format('woff'),
        url(./../fonts/aleo/Aleo-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

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

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

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

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

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

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

@font-face {
    font-family: 'Aleo';
    src: url(./../fonts/aleo/Aleo-ExtraBold.woff2) format('woff2'),
        url(./../fonts/aleo/Aleo-ExtraBold.woff) format('woff'),
        url(./../fonts/aleo/Aleo-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Aleo';
    src: url(./../fonts/aleo/Aleo-Black.woff2) format('woff2'),
        url(./../fonts/aleo/Aleo-Black.woff) format('woff'),
        url(./../fonts/aleo/Aleo-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* ------------------------ RUBIK ------------------------ */

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

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

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

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

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

@font-face {
    font-family: 'Rubik';
    src: url(./../fonts/rubik/Rubik-ExtraBold.woff2) format('woff2'),
        url(./../fonts/rubik/Rubik-ExtraBold.woff) format('woff'),
        url(./../fonts/rubik/Rubik-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url(./../fonts/rubik/Rubik-Black.woff2) format('woff2'),
        url(./../fonts/rubik/Rubik-Black.woff) format('woff'),
        url(./../fonts/rubik/Rubik-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}