@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne[wght].woff') format('woff');
}
@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne-Mono.woff') format('woff');
}
@font-face {
    font-family: 'Syne';
    font-style: italic;
    font-weight: 400;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 900;
    src: local('Syne'), url('https://fonts.cdnfonts.com/s/18085/Syne-Extra.woff') format('woff');
}