@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-300.woff2") format("woff2"), url("barlow/barlow-v5-latin-300.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-regular.woff2") format("woff2"), url("barlow/barlow-v5-latin-regular.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-500.woff2") format("woff2"), url("barlow/barlow-v5-latin-500.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-600.woff2") format("woff2"), url("barlow/barlow-v5-latin-600.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-700.woff2") format("woff2"), url("barlow/barlow-v5-latin-700.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-800.woff2") format("woff2"), url("barlow/barlow-v5-latin-800.woff") format("woff");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("barlow/barlow-v5-latin-900.woff2") format("woff2"), url("barlow/barlow-v5-latin-900.woff") format("woff");
}