@font-face {
    font-family: 'Rubik';
    src: url('rubik/static/Rubik-Regular.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Rubik Medium';
    src: url('rubik/static/Rubik-Medium.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('rubik/static/Rubik-Bold.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Paralucent';
    src: url('Paralucent/ttf/Paralucent-Light.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Paralucent Bold';
    src: url('Paralucent/ttf/Paralucent-Bold.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Paralucent Thin';
    src: url('Paralucent/ttf/Paralucent-Thin.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Paralucent Medium';
    src: url('Paralucent/ttf/Paralucent-Medium.ttf');
    font-style: normal;
}

@font-face {
    font-family: "Paralucent Heavy";
    src: url('Paralucent/ttf/Paralucent-Heavy.ttf');
}

@font-face {
    font-family: "Paralucent DemiBold";
    src: url('Paralucent/ttf/Paralucent-DemiBold.ttf');
}

@font-face {
    font-family: "Michroma";
    src: url('Michroma.ttf');
}