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

@font-face {
    font-family: 'Roboto-Regular';
    font-style: normal;
    src: url('../fonts/Roboto-Regular.ttf') format('woff2');
}

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

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

@font-face {
    font-family: 'Roboto-Regular-Italic';
    font-style: normal;
    src: url('../fonts/Roboto-Italic.ttf') format('woff2');
}

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

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

@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    src: url('../fonts/OpenSans-Regular.ttf') format('woff2');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    font-style: normal;
    src: url('../fonts/OpenSans-SemiBold.ttf') format('woff2');
}

@font-face {
    font-family: 'Inter_18pt-Regular';
    font-style: normal;
    src: url('../fonts/Inter_18pt-Regular.ttf') format('woff2');
}

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

@font-face {
    font-family: 'Inter_18pt-SemiBold';
    font-style: normal;
    src: url('../fonts/Inter_18pt-SemiBold.ttf') format('woff2');
}

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