@font-face {
    font-family: recoleta;
    src: url("/css/fonts/recoleta-DEMO.otf");
}
@font-face {
    font-family: inter;
    src: url("/css/fonts/inter.ttf");
}
@font-face {
    font-family: poppins;
    src: url("/css/fonts/poppins.ttf");
}

@font-face {
    font-family: syne;
    src: url("/css/fonts/syne/Syne-Regular.ttf");
    font-weight: normal;
}
@font-face {
    font-family: syne;
    src: url("/css/fonts/syne/Syne-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: syne;
    src: url("/css/fonts/syne/Syne-SemiBold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: syne;
    src: url("/css/fonts/syne/Syne-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: syne;
    src: url("/css/fonts/syne/Syne-ExtraBold.ttf");
    font-weight: 800;
}