@font-face {
    font-family: 'Barlow Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Regular'), url('../fonts/Barlow-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Thin'), url('../fonts/Barlow-Thin.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow ExtraLight'), url('../fonts/Barlow-ExtraLight.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Light';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Light'), url('../fonts/Barlow-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Medium'), url('../fonts/Barlow-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow SemiBold'), url('../fonts/Barlow-SemiBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Bold'), url('../fonts/Barlow-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow ExtraBold'), url('../fonts/Barlow-ExtraBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Black';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Black'), url('../fonts/Barlow-Black.woff') format('woff');
    font-display: swap;
}