@font-face {
    font-family: 'Syne';
    src: url(./Syne-Bold.ttf);
    font-style: normal; 
    font-weight: 800; 
}
@font-face {
    font-family: 'Syne';
    src: url(./Syne-ExtraBold.ttf);
    font-style: normal; 
    font-weight: 900; 
}
@font-face {
    font-family: 'Syne';
    src: url(./Syne-SemiBold.ttf);
    font-style: normal; 
    font-weight: 700; 
}
@font-face {
    font-family: 'Syne';
    src: url(./Syne-Medium.ttf);
    font-style: normal; 
    font-weight: 600; 
}
@font-face {
    font-family: 'Syne';
    src: url(./Syne-Regular.ttf);
    font-style: normal; 
    font-weight: 400;
}