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

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

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

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

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

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