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

@font-face {
    font-display: swap;
    font-family: 'Roboto-Black';
    src: url("../fonts/Roboto-Black.woff2") format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Bold';
    src: url("../fonts/Roboto-Bold.woff2") format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Medium';
    src: url("../fonts/Roboto-Medium.woff2") format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Regular';
    src: url("../fonts/Roboto-Regular.woff2") format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Light';
    src: url("../fonts/Roboto-Light.woff2") format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Roboto-Thin';
    src: url("../fonts/Roboto-Thin.woff2") format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Impact';
    src: url("../fonts/Impact.woff2") format('woff2');
}