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

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

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

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

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

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

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

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

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

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